{
  "$schema": "https://tr.designtokens.org/format/",
  "name": "TechMii Innovations Official Design System",
  "version": "2.0.0",
  "domain": "https://www.techmii-innovations.com",
  "colors": {
    "grey": {
      "50": { "value": "#F5F5F5", "description": "Pure highlight text / alabaster" },
      "100": { "value": "#E0E0E0", "description": "Soft light grey text" },
      "200": { "value": "#BEBEBE", "description": "Primary Light Grey surface, secondary containers & borders" },
      "300": { "value": "#9E9E9E", "description": "Muted silver grey" },
      "400": { "value": "#7A7A7A", "description": "Mid-tone structural grey" },
      "950": { "value": "#0B0B0B", "description": "Hero 3D Stage Ultra-Dark Carbon Background" },
      "900": { "value": "#0E0E0E", "description": "Primary Deep Carbon Grey canvas background" },
      "800": { "value": "#141414", "description": "Alternating section charcoal grey" },
      "700": { "value": "#181818", "description": "Elevated glass card & dock surface" },
      "600": { "value": "#222222", "description": "Interactive hover & HUD surface" },
      "500": { "value": "#333333", "description": "Mid-tone structural grey" }
    },
    "mustard": {
      "100": { "value": "#FFF3B0", "description": "Champagne Mustard — 3D highlights, Auditmii node & focus rings" },
      "200": { "value": "#FFE169", "description": "Soft Gold Mustard — Eyebrow badges, hover labels & laser beams" },
      "300": { "value": "#F5CB14", "description": "Brand Mustard Primary — Official TechMii logo 'Mii', primary CTAs & MiiLocalize node" },
      "400": { "value": "#D4A800", "description": "Rich Warm Mustard — Gradient stops, MiiJobHunt node & active borders" },
      "500": { "value": "#A67C00", "description": "Deep Ochre Mustard — 3D gyroscope rings, MiiSocial node & depth accents" },
      "600": { "value": "#735300", "description": "Dark Bronze Mustard — High-contrast label text on #BEBEBE light grey panels" }
    }
  },
  "typography": {
    "fontFamilies": {
      "display": "Plus Jakarta Sans, system-ui, sans-serif",
      "sans": "Inter, system-ui, sans-serif",
      "mono": "JetBrains Mono, monospace"
    },
    "scale": {
      "hero": { "fontSize": "4rem", "lineHeight": "1.04", "fontWeight": 800 },
      "h1": { "fontSize": "3rem", "lineHeight": "1.1", "fontWeight": 800 },
      "h2": { "fontSize": "2.25rem", "lineHeight": "1.15", "fontWeight": 700 },
      "h3": { "fontSize": "1.25rem", "lineHeight": "1.35", "fontWeight": 700 },
      "body": { "fontSize": "1rem", "lineHeight": "1.65", "fontWeight": 400 },
      "caption": { "fontSize": "0.75rem", "lineHeight": "1.4", "fontWeight": 600 }
    }
  }
}
