{
  "color": {
    "brand": {
      "navy": {
        "$type": "color",
        "$value": "hsl(218 44% 18%)",
        "hex": "#1a2744",
        "$description": "Primary brand dark. Marketing/brand surface background (dark-first)."
      },
      "paper": {
        "$type": "color",
        "$value": "hsl(210 40% 98%)",
        "hex": "#f8fafc",
        "$description": "Primary brand light. Light-theme background and dark-theme foreground."
      },
      "slate": {
        "$type": "color",
        "$value": "hsl(215 16% 47%)",
        "hex": "#64748b",
        "$description": "Muted mid-tone for secondary text and quiet UI."
      },
      "amber": {
        "$type": "color",
        "$value": "hsl(38 92% 50%)",
        "hex": "#f59e0b",
        "$description": "The single pop accent. Color of the tilted partial-derivative mark."
      },
      "amber-bright": {
        "$type": "color",
        "$value": "hsl(43 96% 56%)",
        "hex": "#fbbf24",
        "$description": "Brighter amber used as the accent on dark surfaces."
      },
      "destructive": {
        "$type": "color",
        "$value": "hsl(0 72% 51%)",
        "hex": "#dc2626",
        "$description": "Destructive / danger."
      },
      "blue": {
        "$type": "color",
        "$value": "#0085FF",
        "hex": "#0085FF",
        "$description": "Functional blue for links/info in app UIs. NOT used on marketing surfaces."
      }
    },
    "topo": {
      "deep": {
        "$type": "color",
        "$value": "hsl(218 44% 18%)",
        "hex": "#1a2744",
        "$description": "Topo elevation ramp, step 1 of 8 (lowest)."
      },
      "ocean": {
        "$type": "color",
        "$value": "hsl(215 45% 35%)",
        "hex": "#314e81",
        "$description": "Topo elevation ramp, step 2 of 8."
      },
      "shore": {
        "$type": "color",
        "$value": "hsl(215 35% 45%)",
        "hex": "#4a699b",
        "$description": "Topo elevation ramp, step 3 of 8."
      },
      "lowland": {
        "$type": "color",
        "$value": "hsl(215 16% 47%)",
        "hex": "#64748b",
        "$description": "Topo elevation ramp, step 4 of 8."
      },
      "highland": {
        "$type": "color",
        "$value": "hsl(30 25% 45%)",
        "hex": "#8f7456",
        "$description": "Topo elevation ramp, step 5 of 8."
      },
      "mountain": {
        "$type": "color",
        "$value": "hsl(30 30% 55%)",
        "hex": "#af8f6a",
        "$description": "Topo elevation ramp, step 6 of 8."
      },
      "peak": {
        "$type": "color",
        "$value": "hsl(30 35% 65%)",
        "hex": "#c5a986",
        "$description": "Topo elevation ramp, step 7 of 8."
      },
      "snow": {
        "$type": "color",
        "$value": "hsl(210 40% 98%)",
        "hex": "#f8fafc",
        "$description": "Topo elevation ramp, step 8 of 8 (highest)."
      }
    },
    "app": {
      "accent-blue": {
        "$type": "color",
        "$value": "{color.brand.blue}",
        "$description": "Internal-app link/info blue."
      },
      "sidebar-gradient": {
        "$type": "gradient",
        "$value": "linear-gradient(167deg, #1A2744 0%, #0B1224 100%)",
        "$description": "240px fixed left sidebar background in internal apps."
      },
      "sidebar-text": {
        "$type": "color",
        "$value": "rgba(255, 255, 255, 0.84)",
        "$description": "Sidebar default text."
      },
      "sidebar-text-muted": {
        "$type": "color",
        "$value": "rgba(255, 255, 255, 0.55)",
        "$description": "Sidebar muted text / section labels."
      },
      "sidebar-active-bg": {
        "$type": "color",
        "$value": "rgba(245, 158, 11, 0.18)",
        "$description": "Active nav item background (amber overlay)."
      },
      "sidebar-active-indicator": {
        "$type": "color",
        "$value": "#ffffff",
        "$description": "Active nav item: inset 2px left bar + text color."
      },
      "text-strong": {
        "$type": "color",
        "$value": "#111827",
        "$description": "Internal-app text ramp: primary."
      },
      "text-muted": {
        "$type": "color",
        "$value": "#4B5563",
        "$description": "Internal-app text ramp: secondary."
      },
      "text-faint": {
        "$type": "color",
        "$value": "#9CA3AF",
        "$description": "Internal-app text ramp: tertiary / placeholder."
      },
      "status": {
        "success": {
          "fg": { "$type": "color", "$value": "#0F7A0A" },
          "bg": { "$type": "color", "$value": "#E4FFEC" }
        },
        "error": {
          "fg": { "$type": "color", "$value": "#DC2626" },
          "bg": { "$type": "color", "$value": "#FEE2E2" }
        },
        "warning": {
          "fg": { "$type": "color", "$value": "#B45309" },
          "bg": { "$type": "color", "$value": "#FEF3C7" }
        },
        "info": {
          "fg": { "$type": "color", "$value": "{color.app.accent-blue}" },
          "bg": { "$type": "color", "$value": "#E0F2FF" }
        }
      }
    },
    "semantic": {
      "light": {
        "bg": { "$type": "color", "$value": "{color.brand.paper}" },
        "surface": { "$type": "color", "$value": "#ffffff" },
        "surface-raised": { "$type": "color", "$value": "#ffffff" },
        "fg": { "$type": "color", "$value": "{color.app.text-strong}" },
        "fg-muted": { "$type": "color", "$value": "{color.app.text-muted}" },
        "border": { "$type": "color", "$value": "hsl(214 32% 91%)" },
        "accent": { "$type": "color", "$value": "{color.brand.amber}" },
        "accent-fg": { "$type": "color", "$value": "#ffffff" },
        "link": { "$type": "color", "$value": "{color.brand.blue}" }
      },
      "dark": {
        "bg": { "$type": "color", "$value": "{color.brand.navy}" },
        "surface": { "$type": "color", "$value": "hsl(218 44% 22%)" },
        "surface-raised": { "$type": "color", "$value": "hsl(218 42% 26%)" },
        "fg": { "$type": "color", "$value": "{color.brand.paper}" },
        "fg-muted": { "$type": "color", "$value": "hsl(215 20% 72%)" },
        "border": { "$type": "color", "$value": "hsl(218 30% 30%)" },
        "accent": { "$type": "color", "$value": "{color.brand.amber-bright}" },
        "accent-fg": { "$type": "color", "$value": "{color.brand.navy}" },
        "link": { "$type": "color", "$value": "{color.brand.amber-bright}" }
      }
    }
  },
  "font": {
    "family": {
      "sans": {
        "$type": "fontFamily",
        "$value": "'Inter', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif",
        "$description": "Body / UI."
      },
      "mono": {
        "$type": "fontFamily",
        "$value": "'JetBrains Mono', ui-monospace, 'SFMono-Regular', Menlo, Consolas, monospace",
        "$description": "Code + the eyebrow motif."
      },
      "display": {
        "$type": "fontFamily",
        "$value": "'Space Grotesk', 'Inter', ui-sans-serif, system-ui, sans-serif",
        "$description": "Display / headings."
      }
    },
    "scale": {
      "h1": {
        "size": { "$type": "dimension", "$value": "2.25rem" },
        "weight": { "$type": "fontWeight", "$value": "900" },
        "tracking": { "$type": "dimension", "$value": "-0.05em" },
        "line-height": { "$type": "number", "$value": "1.1" }
      },
      "h2": {
        "size": { "$type": "dimension", "$value": "1.875rem" },
        "weight": { "$type": "fontWeight", "$value": "800" },
        "tracking": { "$type": "dimension", "$value": "-0.04em" },
        "line-height": { "$type": "number", "$value": "1.15" }
      },
      "h3": {
        "size": { "$type": "dimension", "$value": "1.5rem" },
        "weight": { "$type": "fontWeight", "$value": "700" },
        "tracking": { "$type": "dimension", "$value": "-0.03em" },
        "line-height": { "$type": "number", "$value": "1.2" }
      },
      "h4": {
        "size": { "$type": "dimension", "$value": "1.25rem" },
        "weight": { "$type": "fontWeight", "$value": "600" },
        "tracking": { "$type": "dimension", "$value": "-0.02em" },
        "line-height": { "$type": "number", "$value": "1.3" }
      },
      "body": {
        "size": { "$type": "dimension", "$value": "1.125rem" },
        "weight": { "$type": "fontWeight", "$value": "400" },
        "tracking": { "$type": "dimension", "$value": "0" },
        "line-height": { "$type": "number", "$value": "1.6" }
      },
      "eyebrow": {
        "size": { "$type": "dimension", "$value": "0.8125rem" },
        "weight": { "$type": "fontWeight", "$value": "500" },
        "tracking": { "$type": "dimension", "$value": "0.1em" },
        "line-height": { "$type": "number", "$value": "1.4" },
        "transform": { "$type": "string", "$value": "uppercase" },
        "family": { "$type": "fontFamily", "$value": "{font.family.mono}" }
      }
    }
  },
  "radius": {
    "base": { "$type": "dimension", "$value": "0.75rem" },
    "card": { "$type": "dimension", "$value": "0.75rem" },
    "button": { "$type": "dimension", "$value": "0.375rem" },
    "badge": { "$type": "dimension", "$value": "9999px" }
  },
  "layout": {
    "sidebar-width": { "$type": "dimension", "$value": "240px" },
    "header-height": { "$type": "dimension", "$value": "3.5rem" },
    "content-pad": { "$type": "dimension", "$value": "1.5rem" },
    "content-pad-lg": { "$type": "dimension", "$value": "2rem" },
    "content-max-width": { "$type": "dimension", "$value": "72rem" },
    "html-font-size": { "$type": "dimension", "$value": "106.25%" },
    "line-height": { "$type": "number", "$value": "1.55" }
  },
  "motion": {
    "spinner-duration": { "$type": "duration", "$value": "1.4s" },
    "logo-tilt": { "$type": "angle", "$value": "9deg", "$description": "The mark's clockwise tilt — part of the mark, not an accident." }
  }
}