{
  "$schema": "https://design-tokens.github.io/community-group/format/",
  "meta": {
    "brand": "Mistral AI",
    "theme": "light",
    "description": "Warm parchment with a campfire heart."
  },
  "color": {
    "canvas": {
      "$type": "color",
      "$value": "#fffaeb",
      "$description": "Parchment page canvas and default section surface."
    },
    "surface": {
      "$type": "color",
      "$value": "#ffffff",
      "$description": "Pure card and elevated product shell."
    },
    "text": {
      "$type": "color",
      "$value": "#1f1f1f",
      "$description": "Midnight Ink primary text, headings, and navigation."
    },
    "carbon": {
      "$type": "color",
      "$value": "#000000",
      "$description": "Dark primary actions and strongest contrast."
    },
    "text-muted": {
      "$type": "color",
      "$value": "#3c3c3c",
      "$description": "Graphite supporting copy and hover border."
    },
    "accent": {
      "$type": "color",
      "$value": "#fa520f",
      "$description": "Ember punctuation for arrows, M-mark, and active indicators."
    },
    "highlight": {
      "$type": "color",
      "$value": "#fff0c2",
      "$description": "Soft Butter tags and decorative block-grid."
    },
    "border": {
      "$type": "color",
      "$value": "#ecdaa2",
      "$description": "Honeycomb warm hairline and divider."
    }
  },
  "typography": {
    "font-family": {
      "$type": "fontFamily",
      "$value": ["Arial", "Helvetica", "Inter", "system-ui", "sans-serif"],
      "$description": "Single Mistral type family."
    },
    "caption": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{typography.font-family}",
        "fontWeight": 400,
        "fontSize": "14px",
        "lineHeight": 1.43,
        "letterSpacing": "-0.35px"
      },
      "$description": "Caption and compact metadata."
    },
    "body-sm": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{typography.font-family}",
        "fontWeight": 400,
        "fontSize": "16px",
        "lineHeight": 1.5,
        "letterSpacing": "-0.4px"
      },
      "$description": "Default supporting copy."
    },
    "body": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{typography.font-family}",
        "fontWeight": 400,
        "fontSize": "24px",
        "lineHeight": 1.33,
        "letterSpacing": "-0.6px"
      },
      "$description": "Hero and lead copy."
    },
    "subheading": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{typography.font-family}",
        "fontWeight": 400,
        "fontSize": "32px",
        "lineHeight": 1.15,
        "letterSpacing": "-0.8px"
      },
      "$description": "Feature subheading."
    },
    "heading-sm": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{typography.font-family}",
        "fontWeight": 400,
        "fontSize": "38px",
        "lineHeight": 1,
        "letterSpacing": "-0.95px"
      },
      "$description": "Compact display heading."
    },
    "heading": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{typography.font-family}",
        "fontWeight": 400,
        "fontSize": "48px",
        "lineHeight": 1,
        "letterSpacing": "-1.2px"
      },
      "$description": "Section heading."
    },
    "heading-lg": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{typography.font-family}",
        "fontWeight": 400,
        "fontSize": "56px",
        "lineHeight": 1,
        "letterSpacing": "-1.4px"
      },
      "$description": "Large feature heading."
    },
    "display": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{typography.font-family}",
        "fontWeight": 400,
        "fontSize": "82px",
        "lineHeight": 0.95,
        "letterSpacing": "-2.05px"
      },
      "$description": "Hero display."
    }
  },
  "spacing": {
    "4": {
      "$type": "dimension",
      "$value": "4px",
      "$description": "Micro gap."
    },
    "8": {
      "$type": "dimension",
      "$value": "8px",
      "$description": "Compact inset."
    },
    "12": {
      "$type": "dimension",
      "$value": "12px",
      "$description": "Default group gap."
    },
    "16": {
      "$type": "dimension",
      "$value": "16px",
      "$description": "Control inset."
    },
    "20": {
      "$type": "dimension",
      "$value": "20px",
      "$description": "Button horizontal padding."
    },
    "24": {
      "$type": "dimension",
      "$value": "24px",
      "$description": "Card padding."
    },
    "32": {
      "$type": "dimension",
      "$value": "32px",
      "$description": "Feature gap."
    },
    "36": {
      "$type": "dimension",
      "$value": "36px",
      "$description": "Medium rhythm."
    },
    "40": {
      "$type": "dimension",
      "$value": "40px",
      "$description": "Expanded rhythm."
    },
    "48": {
      "$type": "dimension",
      "$value": "48px",
      "$description": "Action separation."
    },
    "64": {
      "$type": "dimension",
      "$value": "64px",
      "$description": "Large rhythm."
    },
    "72": {
      "$type": "dimension",
      "$value": "72px",
      "$description": "Hero rhythm."
    },
    "80": {
      "$type": "dimension",
      "$value": "80px",
      "$description": "Major section gap."
    },
    "100": {
      "$type": "dimension",
      "$value": "100px",
      "$description": "Maximum section rhythm."
    }
  },
  "radius": {
    "button": {
      "$type": "dimension",
      "$value": "6px",
      "$description": "Precise action geometry."
    },
    "input": {
      "$type": "dimension",
      "$value": "8px",
      "$description": "Inputs."
    },
    "card": {
      "$type": "dimension",
      "$value": "12px",
      "$description": "Cards and dark product mockups."
    },
    "pill": {
      "$type": "dimension",
      "$value": "9999px",
      "$description": "Tags and category labels only."
    }
  },
  "shadow": {
    "xl": {
      "$type": "shadow",
      "$value": "rgba(127, 99, 21, 0.12) -8px 16px 39px 0px, rgba(127, 99, 21, 0.1) -33px 64px 72px 0px, rgba(127, 99, 21, 0.06) -73px 144px 97px 0px, rgba(127, 99, 21, 0.02) -130px 256px 115px 0px",
      "$description": "Long warm olive-gold elevation for dark product mockups."
    }
  }
}