{
  "$schema": "https://design-tokens.github.io/community-group/format/",
  "$description": "ICL Design System tokens — machine-readable source of truth. tokens.css is generated conceptually from this file; keep the two in sync.",
  "color": {
    "orange": {
      "$description": "Tennessee Orange (PMS 151). Accent use only; not for body text below the 600 step.",
      "50":  { "$type": "color", "$value": "#FFF4E5" },
      "100": { "$type": "color", "$value": "#FFE3C2" },
      "200": { "$type": "color", "$value": "#FFC58A" },
      "300": { "$type": "color", "$value": "#FFA64D" },
      "400": { "$type": "color", "$value": "#FF9124" },
      "500": { "$type": "color", "$value": "#FF8200" },
      "600": { "$type": "color", "$value": "#D96F00" },
      "700": { "$type": "color", "$value": "#AD5800" },
      "800": { "$type": "color", "$value": "#854400" },
      "900": { "$type": "color", "$value": "#5C2F00" }
    },
    "gray": {
      "$description": "Smokey neutrals. UT brand: black is not in the palette.",
      "50":  { "$type": "color", "$value": "#F6F6F6" },
      "100": { "$type": "color", "$value": "#EFEFEF" },
      "200": { "$type": "color", "$value": "#DDDEDF" },
      "300": { "$type": "color", "$value": "#C4C5C7" },
      "400": { "$type": "color", "$value": "#A5A7A9" },
      "500": { "$type": "color", "$value": "#838588" },
      "600": { "$type": "color", "$value": "#6E7072" },
      "700": { "$type": "color", "$value": "#58595B" },
      "800": { "$type": "color", "$value": "#454648" },
      "900": { "$type": "color", "$value": "#2E2F30" }
    },
    "globe": {
      "$description": "UT secondary blue. The link color on every property and theme; also default-theme eyebrows on light surfaces.",
      "300": { "$type": "color", "$value": "#7CC3E0" },
      "600": { "$type": "color", "$value": "#006C93" },
      "700": { "$type": "color", "$value": "#00577A" }
    },
    "limestone": {
      "$description": "UT warm neutral (CMYK 5 5 10 0 = the 100 step), extended to a full ramp. The structural neutral family since v0.3 — light surfaces (75) through dark stone bands (900) and ink (950). Replaced the legacy site's cool Slate family.",
      "50":  { "$type": "color", "$value": "#F8F6F0" },
      "75":  { "$type": "color", "$value": "#F4F1EA", "$description": "Half-step for large surfaces; the 100 reads strong across a full band." },
      "100": { "$type": "color", "$value": "#F0EDE4" },
      "200": { "$type": "color", "$value": "#E1DBCB" },
      "300": { "$type": "color", "$value": "#CBC2A9" },
      "400": { "$type": "color", "$value": "#ACA083" },
      "500": { "$type": "color", "$value": "#8B8066" },
      "600": { "$type": "color", "$value": "#6C634D" },
      "700": { "$type": "color", "$value": "#524B3A" },
      "800": { "$type": "color", "$value": "#3A352A" },
      "900": { "$type": "color", "$value": "#27231B" },
      "950": { "$type": "color", "$value": "#181510" }
    },
    "white": { "$type": "color", "$value": "#FFFFFF" }
  },
  "font": {
    "display": { "$type": "fontFamily", "$value": ["rift", "Oswald", "Arial Narrow", "sans-serif"], "$description": "Adobe Fonts. Headlines, buttons, big numbers. Uppercase, tracked." },
    "sans":    { "$type": "fontFamily", "$value": ["proxima-nova", "acumin-pro", "Helvetica Neue", "Arial", "sans-serif"], "$description": "Adobe Fonts. UI, navigation, body copy." },
    "serif":   { "$type": "fontFamily", "$value": ["merriweather", "Georgia", "serif"], "$description": "Adobe Fonts. Long-form editorial, pull quotes, venue names in citations." },
    "mono":    { "$type": "fontFamily", "$value": ["ui-monospace", "SF Mono", "Menlo", "Consolas", "monospace"], "$description": "Code, version strings, CLI output." }
  },
  "space": {
    "$description": "4px base scale.",
    "1": { "$type": "dimension", "$value": "4px" },
    "2": { "$type": "dimension", "$value": "8px" },
    "3": { "$type": "dimension", "$value": "12px" },
    "4": { "$type": "dimension", "$value": "16px" },
    "5": { "$type": "dimension", "$value": "24px" },
    "6": { "$type": "dimension", "$value": "32px" },
    "7": { "$type": "dimension", "$value": "48px" },
    "8": { "$type": "dimension", "$value": "64px" },
    "9": { "$type": "dimension", "$value": "96px" },
    "10": { "$type": "dimension", "$value": "128px" }
  },
  "radius": {
    "sm": { "$type": "dimension", "$value": "2px" },
    "md": { "$type": "dimension", "$value": "4px" },
    "lg": { "$type": "dimension", "$value": "8px" },
    "full": { "$type": "dimension", "$value": "999px" }
  },
  "texture": {
    "$description": "The signature background effect (.icl-background-fx) is adaptive: horizontal scanlines on light bands, the crossed graph-paper grid on dark stone bands. Light scanlines are limestone-500 ink composited with multiply so they inherit the surface's warmth; dark grid lines are white composited normally.",
    "gridSize":     { "$type": "dimension", "$value": "16px", "$description": "Grid pitch on dark stone bands." },
    "scanlineSize": { "$type": "dimension", "$value": "6px", "$description": "Scanline pitch on light bands." },
    "scanline":     { "$type": "color", "$value": "rgba(139, 128, 102, 0.3)", "$description": "Scanline ink on light surfaces (limestone-500 alpha, multiply blend)." },
    "gridInverse":  { "$type": "color", "$value": "rgba(255, 255, 255, 0.075)", "$description": "Grid line ink on dark stone bands (normal blend)." },
    "scanlineStrong":    { "$type": "color", "$value": "rgba(139, 128, 102, 0.5)", "$description": "Feature-strength scanline ink — used where the pattern is part of the composition (hero background suite)." },
    "gridInverseStrong": { "$type": "color", "$value": "rgba(255, 255, 255, 0.16)", "$description": "Feature-strength grid ink on dark stone bands (hero background suite)." }
  },
  "semantic": {
    "accent": {
      "$description": "The per-project theme slot. Themes below override these five roles. Links are NOT in this slot — they stay Globe blue everywhere.",
      "default":  { "$type": "color", "$value": "{color.orange.500}" },
      "strong":   { "$type": "color", "$value": "{color.orange.700}", "$description": "AA-compliant accent text on white." },
      "soft":     { "$type": "color", "$value": "{color.orange.50}", "$description": "Tint wash for highlighted surfaces." },
      "onAccent": { "$type": "color", "$value": "{color.limestone.950}", "$description": "Text placed on the accent color." },
      "inverse":  { "$type": "color", "$value": "{color.orange.500}", "$description": "Accent adjusted for the dark stone bands. True Tennessee Orange passes AA on limestone-900 (6.3:1)." }
    },
    "ink": {
      "default": { "$type": "color", "$value": "{color.limestone.950}", "$description": "The deepest warm ink — hero text on light bands. Same value onAccent resolves to at lab level, but deliberately NOT the theme-overridable onAccent slot (themes flip that to white for dark accents)." }
    },
    "link": {
      "default": { "$type": "color", "$value": "{color.globe.600}", "$description": "Historically, links are blue. Constant across themes." },
      "inverse": { "$type": "color", "$value": "{color.globe.300}" }
    },
    "eyebrow": {
      "default": { "$type": "color", "$value": "{semantic.accent.default}", "$description": "The pure accent hue on every theme (ICL orange #FF8200, each project its accent). Treated as WCAG incidental text — the real headline sits below — so exempt from the 4.5:1 gate, which is what allows true Tennessee Orange here. Blue stays reserved for links." },
      "inverse": { "$type": "color", "$value": "{color.orange.500}", "$description": "On the dark stone bands, eyebrows are true Tennessee Orange (or the theme's accent-inverse)." }
    }
  },
  "themes": {
    "icl":    { "accent": "#FF8200", "strong": "#AD5800", "soft": "#FFF4E5", "onAccent": "#181510", "inverse": "#FF8200" },
    "magma":  { "accent": "#E03A2F", "strong": "#AC2A21", "soft": "#FCEAE8", "onAccent": "#FFFFFF", "inverse": "#F0776D" },
    "papi":   { "accent": "#64A03C", "strong": "#447127", "soft": "#EBF3E3", "onAccent": "#181510", "inverse": "#8FC468" },
    "slate":  { "accent": "#4E7FA0", "strong": "#38607C", "soft": "#E9F0F5", "onAccent": "#FFFFFF", "inverse": "#82ABC7" },
    "plasma": { "accent": "#7D5BA6", "strong": "#5F4287", "soft": "#F0EAF7", "onAccent": "#FFFFFF", "inverse": "#A98FCB" },
    "parsec": { "accent": "#0E8078", "strong": "#00655F", "soft": "#E2F1F0", "onAccent": "#FFFFFF", "inverse": "#5BB5AE" }
  }
}
