{
  "$schema": "https://design-tokens.github.io/community-group/format/",
  "color": {
    "brand": {
      "navy": {
        "$value": "#071246",
        "$type": "color",
        "$description": "Canonical brand navy. Logo, primary CTA, hero overlay. hsl(229 82% 15%)."
      }
    },
    "surface": {
      "background": { "$value": "hsl(228, 33%, 99%)", "$type": "color", "$description": "App background." },
      "card":       { "$value": "#FFFFFF",            "$type": "color", "$description": "Card / header surface." },
      "popover":    { "$value": "#FFFFFF",            "$type": "color" }
    },
    "text": {
      "foreground":       { "$value": "hsl(226, 33%, 18%)", "$type": "color" },
      "muted-foreground": { "$value": "hsl(228, 32%, 53%)", "$type": "color" },
      "primary-foreground": { "$value": "#FFFFFF",          "$type": "color", "$description": "Text on brand navy." }
    },
    "primary": {
      "default":     { "$value": "{color.brand.navy}", "$type": "color" },
      "foreground":  { "$value": "#FFFFFF",            "$type": "color" }
    },
    "secondary": {
      "default":     { "$value": "hsl(227, 32%, 88%)", "$type": "color" },
      "foreground":  { "$value": "hsl(226, 33%, 18%)", "$type": "color" }
    },
    "muted": {
      "default":     { "$value": "hsl(225, 31%, 95%)", "$type": "color" },
      "foreground":  { "$value": "hsl(228, 32%, 53%)", "$type": "color" }
    },
    "accent": {
      "default":     { "$value": "hsl(225, 33%, 93%)", "$type": "color" },
      "foreground":  { "$value": "{color.brand.navy}", "$type": "color" }
    },
    "border": {
      "default": { "$value": "hsl(227, 30%, 91%)", "$type": "color" },
      "input":   { "$value": "hsl(227, 30%, 91%)", "$type": "color" },
      "ring":    { "$value": "{color.brand.navy}", "$type": "color" }
    },
    "destructive": {
      "default":    { "$value": "hsl(0, 82%, 65%)", "$type": "color" },
      "foreground": { "$value": "#FFFFFF",          "$type": "color" }
    },
    "chart": {
      "1": { "$value": "{color.brand.navy}",   "$type": "color" },
      "2": { "$value": "hsl(228, 82%, 28%)",   "$type": "color" },
      "3": { "$value": "hsl(228, 83%, 66%)",   "$type": "color" },
      "4": { "$value": "hsl(228, 82%, 78%)",   "$type": "color" },
      "5": { "$value": "hsl(226, 32%, 71%)",   "$type": "color" }
    }
  }
}