{
  "$schema": "https://schemas.dtcg.org/tokens/v1.0/",
  "$description": "Toldwell design tokens — generated from brand.yaml",
  "color": {
    "brand": {
      "toldwell-gold": {
        "$value": "#F3CC92",
        "$type": "color",
        "$description": "Primary accent. Reserved for moments that deserve warmth — hero punctuation, key CTAs, accent surfaces. Used sparingly; that's what gives it meaning."
      }
    },
    "accent": {
      "toldwell-gold-soft": {
        "$value": "#F8E0BB",
        "$type": "color",
        "$description": "Tinted gold backgrounds, subtle accent fills, hover states on light surfaces"
      },
      "toldwell-gold-deep": {
        "$value": "#D9A85F",
        "$type": "color",
        "$description": "Hover/pressed state for gold CTAs"
      }
    },
    "neutrals": {
      "toldwell-dark": {
        "$value": "#1B1B1C",
        "$type": "color",
        "$description": "Primary text, dark surfaces, footer, navigation. Toldwell's near-black — neutral charcoal with the faintest warm undertone. Pure black is reserved for overlays and special cases."
      },
      "pure-black": {
        "$value": "#000000",
        "$type": "color",
        "$description": "Hard black for overlay scrims, max-contrast situations, video letterboxing"
      },
      "pure-black-75": {
        "$value": "#000000BF",
        "$type": "color",
        "$description": "75% black overlay for video poster gradients and scrim effects"
      },
      "mid-gray": {
        "$value": "#6B6B6B",
        "$type": "color",
        "$description": "Secondary text, muted captions, dividers on dark surfaces"
      },
      "surface-light": {
        "$value": "#F2F2F2",
        "$type": "color",
        "$description": "Section surfaces, content containers on light pages"
      },
      "bone": {
        "$value": "#FFFFFF",
        "$type": "color",
        "$description": "Page canvas, light text on dark backgrounds, card surfaces"
      }
    },
    "semantic": {
      "success": {
        "$value": "#3D8A5F",
        "$type": "color",
        "$description": "Form success state, positive confirmation"
      },
      "warning": {
        "$value": "#D9A85F",
        "$type": "color",
        "$description": "Warning state — intentionally aligns with toldwell-gold-deep"
      },
      "error": {
        "$value": "#B5453A",
        "$type": "color",
        "$description": "Form error state, destructive action"
      },
      "info": {
        "$value": "#4A6B8A",
        "$type": "color",
        "$description": "Informational notice, neutral system status"
      }
    },
    "selection": {
      "text": {
        "$value": "#FFFFFF",
        "$type": "color",
        "$description": "Text selection foreground"
      },
      "background": {
        "$value": "#1B1B1C",
        "$type": "color",
        "$description": "Text selection background"
      }
    }
  },
  "surface": {
    "canvas": {
      "$value": "#FFFFFF",
      "$type": "color",
      "$description": "Default page background"
    },
    "card": {
      "$value": "#F2F2F2",
      "$type": "color",
      "$description": "Card / section surface, slightly recessed against canvas"
    },
    "dark-stage": {
      "$value": "#1B1B1C",
      "$type": "color",
      "$description": "Dark hero sections, footers, full-bleed cinematic blocks. The most common alternative canvas to white."
    },
    "black-stage": {
      "$value": "#000000",
      "$type": "color",
      "$description": "Pure black — reserved for video letterboxing, overlay scrims, max-contrast moments"
    },
    "accent-stage": {
      "$value": "#F3CC92",
      "$type": "color",
      "$description": "Gold full-bleed sections. Used rarely, for moments that should feel warm and chosen."
    }
  },
  "font": {
    "display": {
      "$value": "Belwe",
      "$type": "fontFamily",
      "$description": "Hero headlines, display text, named brand moments. Belwe gives Toldwell its distinctive warm serif character — the editorial weight of a film title card."
    },
    "editorial": {
      "$value": "Instrument Serif",
      "$type": "fontFamily",
      "$description": "Editorial accent. Used sparingly for emphasis, pull quotes, and italic display moments where the curl of the italic does the work — e.g. 'Stories worth telling, told well.' Belwe carries the brand weight; Instrument Serif carries the brand grace."
    },
    "body": {
      "$value": "Red Hat Display",
      "$type": "fontFamily",
      "$description": "Headings, subheadings, body text, UI elements. The clean sans-serif partner — modern, readable, gets out of the way."
    }
  },
  "text": {
    "display-xxl": {
      "$value": "215px",
      "$type": "dimension",
      "$description": "Hero splash text"
    },
    "display-xl": {
      "$value": "120px",
      "$type": "dimension",
      "$description": "Large hero headlines"
    },
    "display-lg": {
      "$value": "100px",
      "$type": "dimension",
      "$description": "Section hero text"
    },
    "display-md": {
      "$value": "92px",
      "$type": "dimension",
      "$description": "Feature headlines"
    },
    "display-sm": {
      "$value": "70px",
      "$type": "dimension",
      "$description": "Secondary headlines"
    },
    "h1": {
      "$value": "48px",
      "$type": "dimension",
      "$description": "Page titles"
    },
    "h2": {
      "$value": "32px",
      "$type": "dimension",
      "$description": "Section titles"
    },
    "h3": {
      "$value": "30px",
      "$type": "dimension",
      "$description": "Subsection titles"
    },
    "h4": {
      "$value": "26px",
      "$type": "dimension",
      "$description": "Card titles, feature headers"
    },
    "h5": {
      "$value": "24px",
      "$type": "dimension",
      "$description": "Small section headers"
    },
    "body-lg": {
      "$value": "22px",
      "$type": "dimension",
      "$description": "Lead paragraphs"
    },
    "body-md": {
      "$value": "20px",
      "$type": "dimension",
      "$description": "Standard body text"
    },
    "body-sm": {
      "$value": "18px",
      "$type": "dimension",
      "$description": "Compact body text"
    },
    "caption": {
      "$value": "12px",
      "$type": "dimension",
      "$description": "Captions, labels, tags, buttons"
    },
    "micro": {
      "$value": "11px",
      "$type": "dimension",
      "$description": "Fine print, metadata"
    }
  },
  "leading": {
    "display-xxl": {
      "$value": 1,
      "$type": "number"
    },
    "display-xl": {
      "$value": 1,
      "$type": "number"
    },
    "display-lg": {
      "$value": 1.05,
      "$type": "number"
    },
    "display-md": {
      "$value": 1.05,
      "$type": "number"
    },
    "display-sm": {
      "$value": 1.1,
      "$type": "number"
    },
    "h1": {
      "$value": 1.15,
      "$type": "number"
    },
    "h2": {
      "$value": 1.25,
      "$type": "number"
    },
    "h3": {
      "$value": 1.3,
      "$type": "number"
    },
    "h4": {
      "$value": 1.35,
      "$type": "number"
    },
    "h5": {
      "$value": 1.4,
      "$type": "number"
    },
    "body-lg": {
      "$value": 1.5,
      "$type": "number"
    },
    "body-md": {
      "$value": 1.55,
      "$type": "number"
    },
    "body-sm": {
      "$value": 1.6,
      "$type": "number"
    },
    "caption": {
      "$value": 1.4,
      "$type": "number"
    },
    "micro": {
      "$value": 1.4,
      "$type": "number"
    }
  },
  "weight": {
    "regular": {
      "$value": 400,
      "$type": "fontWeight"
    },
    "medium": {
      "$value": 500,
      "$type": "fontWeight"
    },
    "semibold": {
      "$value": 600,
      "$type": "fontWeight"
    },
    "bold": {
      "$value": 700,
      "$type": "fontWeight"
    },
    "black": {
      "$value": 900,
      "$type": "fontWeight"
    }
  },
  "tracking": {
    "display-xxl": {
      "$value": "-1.5px",
      "$type": "dimension"
    },
    "display": {
      "$value": "-1px",
      "$type": "dimension"
    },
    "heading": {
      "$value": "-0.8px",
      "$type": "dimension"
    },
    "body": {
      "$value": "-0.4px",
      "$type": "dimension"
    },
    "default": {
      "$value": "-0.5px",
      "$type": "dimension"
    },
    "label": {
      "$value": "0.4px",
      "$type": "dimension"
    }
  },
  "spacing": {
    "4": {
      "$value": "4px",
      "$type": "dimension"
    },
    "8": {
      "$value": "8px",
      "$type": "dimension"
    },
    "12": {
      "$value": "12px",
      "$type": "dimension"
    },
    "16": {
      "$value": "16px",
      "$type": "dimension"
    },
    "20": {
      "$value": "20px",
      "$type": "dimension"
    },
    "24": {
      "$value": "24px",
      "$type": "dimension"
    },
    "32": {
      "$value": "32px",
      "$type": "dimension"
    },
    "40": {
      "$value": "40px",
      "$type": "dimension"
    },
    "48": {
      "$value": "48px",
      "$type": "dimension"
    },
    "64": {
      "$value": "64px",
      "$type": "dimension"
    },
    "80": {
      "$value": "80px",
      "$type": "dimension"
    },
    "96": {
      "$value": "96px",
      "$type": "dimension"
    },
    "128": {
      "$value": "128px",
      "$type": "dimension"
    },
    "section_gap": {
      "$value": "80px",
      "$type": "dimension"
    },
    "card_padding": {
      "$value": "32px",
      "$type": "dimension"
    },
    "element_gap": {
      "$value": "8px",
      "$type": "dimension"
    }
  },
  "radius": {
    "none": {
      "$value": "0",
      "$type": "dimension"
    },
    "md": {
      "$value": "40px",
      "$type": "dimension"
    },
    "pill": {
      "$value": "100px",
      "$type": "dimension"
    },
    "full": {
      "$value": "9999px",
      "$type": "dimension"
    },
    "buttons": {
      "$value": "100px",
      "$type": "dimension"
    },
    "tags": {
      "$value": "100px",
      "$type": "dimension"
    },
    "cards": {
      "$value": "40px",
      "$type": "dimension"
    },
    "feature": {
      "$value": "40px",
      "$type": "dimension"
    },
    "inputs": {
      "$value": "40px",
      "$type": "dimension"
    }
  },
  "shadow": {
    "inset-card": {
      "$value": [
        {
          "color": "rgba(0, 0, 0, 0.18)",
          "offsetX": "0.3px",
          "offsetY": "0.6px",
          "blur": "0.67px",
          "spread": "-1.25px",
          "inset": true
        },
        {
          "color": "rgba(0, 0, 0, 0.16)",
          "offsetX": "1.14px",
          "offsetY": "2.29px",
          "blur": "2.56px",
          "spread": "-2.5px",
          "inset": true
        },
        {
          "color": "rgba(0, 0, 0, 0.063)",
          "offsetX": "5px",
          "offsetY": "10px",
          "blur": "11.18px",
          "spread": "-3.75px",
          "inset": true
        }
      ],
      "$type": "shadow"
    },
    "inset-card-deep": {
      "$value": [
        {
          "color": "rgba(0, 0, 0, 0.22)",
          "offsetX": "0.5px",
          "offsetY": "1px",
          "blur": "1.5px",
          "spread": "-1.5px",
          "inset": true
        },
        {
          "color": "rgba(0, 0, 0, 0.18)",
          "offsetX": "2px",
          "offsetY": "4px",
          "blur": "5px",
          "spread": "-2.5px",
          "inset": true
        },
        {
          "color": "rgba(0, 0, 0, 0.08)",
          "offsetX": "7px",
          "offsetY": "14px",
          "blur": "16px",
          "spread": "-4px",
          "inset": true
        }
      ],
      "$type": "shadow"
    },
    "focus-ring": {
      "$value": {
        "color": "rgba(243, 204, 146, 0.4)",
        "offsetX": "0px",
        "offsetY": "0px",
        "blur": "0px",
        "spread": "3px",
        "inset": false
      },
      "$type": "shadow"
    }
  },
  "breakpoint": {
    "mobile": {
      "$value": "390px",
      "$type": "dimension"
    },
    "tablet": {
      "$value": "768px",
      "$type": "dimension"
    },
    "desktop": {
      "$value": "1200px",
      "$type": "dimension"
    },
    "wide": {
      "$value": "1440px",
      "$type": "dimension"
    }
  }
}