{
  "$name": "Imperium Brand Tokens",
  "$version": "5.2.0",
  "$updated": "2026-08-04",
  "$note": "Canonical, machine-readable. Mirrors imperium-tokens.css. Greens only + neutral spine + one Ember accent. Steps: 100/300/400/600/700/800/900.",
  "color": {
    "racing": {
      "100": "#D3E0D9",
      "300": "#5E8C74",
      "350": "#46705C",
      "400": "#2E6A4C",
      "600": "#1B5637",
      "700": "#11462C",
      "800": "#0C3220",
      "900": "#071C12",
      "DEFAULT": "#11462C",
      "role": "PRIMARY brand green",
      "roleNotes": "racing-350 #46705C: muted supporting green for light-theme muted text"
    },
    "mint": {
      "100": "#D8EBDD",
      "300": "#4CB782",
      "400": "#35A06D",
      "600": "#227A50",
      "700": "#1B6342",
      "800": "#124630",
      "900": "#0A2A1D",
      "DEFAULT": "#4CB782",
      "role": "vivid supporting green"
    },
    "bali": {
      "100": "#D6EEE8",
      "300": "#52B49C",
      "400": "#3FA085",
      "600": "#2C7C67",
      "700": "#226352",
      "800": "#174539",
      "900": "#0D2822",
      "DEFAULT": "#3FA085",
      "role": "jade accent green, never blue"
    },
    "deep": {
      "DEFAULT": "#0A1F14",
      "role": "darkest brand green anchor"
    },
    "ink": {
      "100": "#D0D0CF",
      "300": "#73716E",
      "400": "#3A3833",
      "600": "#15130E",
      "700": "#110F0B",
      "800": "#0A0906",
      "900": "#040403",
      "DEFAULT": "#15130E",
      "role": "the black / body text"
    },
    "bone": {
      "50": "#FDFCFB",
      "100": "#FBF9F7",
      "300": "#F6F4EE",
      "500": "#F4F1EA",
      "700": "#C3C1BB",
      "900": "#92918C",
      "DEFAULT": "#F4F1EA",
      "role": "warm off-white / DEFAULT page ground (2026-08-04); panels use paper"
    },
    "paper": {
      "DEFAULT": "#F7F6F1",
      "role": "near-white working surface"
    },
    "sage": {
      "50": "#F4F7F1",
      "100": "#EDF2E8",
      "200": "#E1E9D9",
      "300": "#CFDAC2",
      "DEFAULT": "#EDF2E8",
      "role": "occasional tint (charts, soft fills) — demoted from page ground 2026-08-04"
    },
    "console": {
      "000": "#070E0A",
      "ground": "#0C1712",
      "raised": "#111E17",
      "overlay": "#17281F",
      "line": "#24352C",
      "role": "dark dashboard ladder",
      "card": {
        "1": "#0F1912",
        "2": "#0A130E",
        "3": "#07100A",
        "4": "#060D08",
        "role": "console-card gradient ramp (168deg, 1->2 40% ->3 70% ->4)"
      }
    },
    "ember": {
      "100": "#FBDAD3",
      "300": "#EE7A64",
      "400": "#E85340",
      "500": "#E23A28",
      "600": "#C22C1D",
      "700": "#971F14",
      "bright": "#FF4632",
      "DEFAULT": "#E23A28",
      "role": "the ONE accent, alert red, sparingly"
    },
    "surface-mockup": {
      "1": "#FAF9F4",
      "2": "#F7F5EE",
      "3": "#F2F0E6",
      "panel": "#F9F8F3",
      "role": "mockup card surfaces (MOCKUPS.md), never pure white"
    },
    "chartSeries": {
      "order": [
        "#4CB782",
        "#11462C",
        "#3FA085",
        "#5E8C74",
        "#D8EBDD",
        "#2E6A4C"
      ],
      "note": "categorical series order for charts; Ember #E23A28 reserved for the ONE alert/negative series"
    }
  },
  "semantic": {
    "light": {
      "surface-page": "#F4F1EA",
      "surface-panel": "#F7F6F1",
      "surface-raised": "#FDFCFB",
      "surface-invert": "#11462C",
      "text-primary": "#15130E",
      "text-secondary": "#3A3833",
      "text-muted": "#2E6A4C",
      "text-inverse": "#F4F1EA",
      "text-brand": "#11462C",
      "brand": "#11462C",
      "accent-mint": "#4CB782",
      "accent-bali": "#3FA085",
      "alert": "#E23A28"
    },
    "console": {
      "surface-page": "#0C1712",
      "surface-panel": "#111E17",
      "surface-raised": "#17281F",
      "surface-invert": "#F4F1EA",
      "text-primary": "#F4F1EA",
      "text-secondary": "#4CB782",
      "text-muted": "#35A06D",
      "text-inverse": "#15130E",
      "text-brand": "#4CB782",
      "border-strong": "#24352C",
      "alert": "#FF4632"
    }
  },
  "font": {
    "display": {
      "family": "Emilio Light",
      "role": "PRIMARY headline",
      "note": "call weight presets, never synthetic weight"
    },
    "display-presets": [
      "Emilio Thin",
      "Emilio ExtraLight",
      "Emilio Light",
      "Emilio Regular",
      "Emilio SemiBold",
      "Emilio Bold",
      "Emilio Black"
    ],
    "body": {
      "family": "Switzer Regular",
      "role": "body / UI"
    },
    "body-presets": [
      "Switzer Regular",
      "Switzer Medium",
      "Switzer Semibold"
    ],
    "eyebrow": {
      "family": "Switzer Medium",
      "transform": "uppercase",
      "tracking": "0.22em"
    },
    "removed": [
      "JetBrains Mono",
      "Cinzel",
      "Zodiak",
      "Hanken Grotesk",
      "IBM Plex Mono"
    ]
  },
  "radius": {
    "sm": "10px",
    "DEFAULT": "20px",
    "pill": "999px"
  },
  "type-scale": {
    "h1": {
      "size": "clamp(3rem,6vw,5.5rem)",
      "face": "Emilio Light",
      "leading": 1.04,
      "tracking": "-0.01em"
    },
    "h2": {
      "size": "clamp(2.25rem,4vw,4.25rem)",
      "face": "Emilio Light",
      "leading": 1.08,
      "tracking": "-0.01em"
    },
    "h3": {
      "size": "clamp(1.5rem,2.4vw,2rem)",
      "face": "Emilio SemiBold",
      "leading": 1.1,
      "tracking": "0"
    },
    "body": {
      "size": "clamp(1rem,1.15vw,1.125rem)",
      "face": "Switzer Regular",
      "leading": 1.5,
      "tracking": "0.005em"
    },
    "small": {
      "size": "0.875rem",
      "face": "Switzer Regular",
      "leading": 1.5,
      "tracking": "0.01em"
    },
    "eyebrow": {
      "size": "0.8rem",
      "face": "Switzer Medium",
      "leading": 1.3,
      "tracking": "0.22em",
      "transform": "uppercase"
    },
    "wordmark": {
      "size": "context",
      "face": "Emilio Light",
      "leading": 1,
      "tracking": "0.14em",
      "transform": "uppercase"
    },
    "numericRule": "font-variant-numeric: tabular-nums on all numeric UI and documents"
  },
  "motion": {
    "ease": "cubic-bezier(0.22,1,0.36,1)",
    "duration": {
      "fast": "150ms",
      "base": "300ms",
      "slow": "600ms",
      "cinematic": "1200ms"
    },
    "patterns": {
      "spring": "cubic-bezier(0.3,1.4,0.5,1) 150ms (transform only) — playful UI lifts",
      "hoverLift": "translateY(-5px) scale(1.03), spring ease, shadow deepens one step",
      "entrance": "eyebrow 0.35s -> headline 0.5s -> sub 0.95s -> cards 1.2s + i*0.18s stagger, brand ease",
      "sectionEnter": "opacity 0->1 + translateY(14px)->0, 600ms brand ease, once",
      "numberRoll": "odometer digits ~1.2s brand ease, tabular-nums",
      "gaugeSettle": "sprung with ONE slight overshoot, never oscillates twice",
      "interactionDoF": "resting sharp; on set-hover, non-hovered siblings blur(5px) dim .78",
      "ambient": "background-only, sub-1%/s movement, never on text",
      "reducedMotion": "prefers-reduced-motion collapses all to near-zero; loops stop",
      "rules": "transforms+opacity only; one committed move per section"
    }
  },
  "layout": {
    "note": "8px base spacing; card 1u padding unit (card-anatomy.svg) maps to space-5 at full card size",
    "space": {
      "1": "8px",
      "2": "16px",
      "3": "24px",
      "4": "32px",
      "5": "40px",
      "6": "48px",
      "7": "64px",
      "8": "80px",
      "9": "96px",
      "10": "128px",
      "11": "160px",
      "12": "192px"
    },
    "container": {
      "content": "1440px",
      "bleed": "1720px",
      "margin": {
        "desktop": "60px",
        "tablet": "40px",
        "mobile": "24px"
      }
    },
    "grid": {
      "columns": 12,
      "gutter": "24px",
      "collapse": {
        "1440+": 12,
        "1024-1439": 12,
        "640-1023": 6,
        "<640": 4
      }
    },
    "breakpoints": {
      "sm": "640px",
      "md": "1024px",
      "lg": "1440px"
    },
    "sectionRhythm": "consecutive sections separated by space-8 (80px) desktop, space-6 (48px) under 1024px"
  },
  "contrast": [
    {
      "fg": "#15130E",
      "bg": "#F4F1EA",
      "ratio": 16.46,
      "passes": "AA+AAA",
      "use": "ink on bone — body text"
    },
    {
      "fg": "#11462C",
      "bg": "#F4F1EA",
      "ratio": 9.61,
      "passes": "AA+AAA",
      "use": "brand on bone — headings/links"
    },
    {
      "fg": "#F4F1EA",
      "bg": "#11462C",
      "ratio": 9.6,
      "passes": "AA+AAA",
      "use": "bone on racing — inverse panels"
    },
    {
      "fg": "#4CB782",
      "bg": "#0C1712",
      "ratio": 7.3,
      "passes": "AA+AAA",
      "use": "mint on console — dashboard text"
    },
    {
      "fg": "#C22C1D",
      "bg": "#F4F1EA",
      "ratio": 5.07,
      "passes": "AA",
      "use": "ember-600 as TEXT on light grounds"
    },
    {
      "fg": "#E23A28",
      "bg": "#F4F1EA",
      "ratio": 3.82,
      "passes": "large-text/fill only",
      "use": "ember-500: fills, badges with dark text, >=24px display — NEVER small text on light"
    },
    {
      "fg": "#5E8C74",
      "bg": "#0C1712",
      "ratio": 4.78,
      "passes": "AA (marginal)",
      "use": "racing-300 on console — muted labels, not long copy"
    }
  ],
  "icons": {
    "source": "VS Code codicons, 16x16 filled, fill=currentColor",
    "sizes": "native 16; scale to 24/32 as whole multiples, keep filled forms, never convert to strokes, never below 12px"
  }
}