{
  "$name": "WingmanPM Brand Colors",
  "$version": "1.0",
  "$updated": "2026-06-14",
  "groups": [
    {
      "id": "brand",
      "title": "Brand",
      "tokens": [
        {
          "name": "primary",
          "label": "Primary",
          "light": {
            "hsl": "hsl(224 76% 40%)",
            "hex": "#1842B4"
          },
          "dark": {
            "hsl": "hsl(224 83.6% 62%)",
            "hex": "#4D78EF"
          },
          "note": "Buttons, links, active nav, accent bars, progress fills."
        },
        {
          "name": "primary-foreground",
          "label": "On primary",
          "light": {
            "hsl": "hsl(0 0% 100%)",
            "hex": "#FFFFFF"
          },
          "dark": {
            "hsl": "hsl(224 43.3% 6%)",
            "hex": "#090C16"
          },
          "note": "Text/icons on primary."
        },
        {
          "name": "ring",
          "label": "Focus ring",
          "light": {
            "hsl": "hsl(224 76% 40%)",
            "hex": "#1842B4"
          },
          "dark": {
            "hsl": "hsl(224 83.6% 62%)",
            "hex": "#4D78EF"
          },
          "note": "Always visible — 2–3px, ~40% opacity."
        }
      ]
    },
    {
      "id": "surfaces",
      "title": "Surfaces & neutrals",
      "tokens": [
        {
          "name": "background",
          "label": "Background",
          "light": {
            "hsl": "hsl(224 7.6% 96%)",
            "hex": "#F4F4F6"
          },
          "dark": {
            "hsl": "hsl(224 43.3% 11%)",
            "hex": "#101628"
          },
          "note": "Page canvas. Never pure white; never pure black."
        },
        {
          "name": "foreground",
          "label": "Foreground",
          "light": {
            "hsl": "hsl(224 43.3% 11%)",
            "hex": "#101628"
          },
          "dark": {
            "hsl": "hsl(224 15.2% 98%)",
            "hex": "#F9FAFB"
          },
          "note": "Primary text — deep indigo ink (#101628)."
        },
        {
          "name": "card",
          "label": "Card",
          "light": {
            "hsl": "hsl(0 0% 100%)",
            "hex": "#FFFFFF"
          },
          "dark": {
            "hsl": "hsl(224 38% 14%)",
            "hex": "#161D31"
          },
          "note": "Raised surface over the page."
        },
        {
          "name": "muted",
          "label": "Muted",
          "light": {
            "hsl": "hsl(224 7.6% 94%)",
            "hex": "#EFEFF1"
          },
          "dark": {
            "hsl": "hsl(224 30.4% 17.5%)",
            "hex": "#1F263A"
          },
          "note": "Subtle fills, hover surfaces."
        },
        {
          "name": "muted-foreground",
          "label": "Muted text",
          "light": {
            "hsl": "hsl(224 9.1% 35%)",
            "hex": "#515561"
          },
          "dark": {
            "hsl": "hsl(224 11.4% 72%)",
            "hex": "#AFB4C0"
          },
          "note": "Metadata, timestamps, secondary copy."
        },
        {
          "name": "secondary",
          "label": "Secondary",
          "light": {
            "hsl": "hsl(224 11.4% 94%)",
            "hex": "#EEEFF1"
          },
          "dark": {
            "hsl": "hsl(224 30.4% 22%)",
            "hex": "#273049"
          },
          "note": "Quiet button / chip fills."
        },
        {
          "name": "border",
          "label": "Border",
          "light": {
            "hsl": "hsl(224 15.2% 88%)",
            "hex": "#DCDEE5"
          },
          "dark": {
            "hsl": "hsl(224 30.4% 22%)",
            "hex": "#273049"
          },
          "note": "1px hairline — the primary structuring device."
        },
        {
          "name": "accent",
          "label": "Accent (teal)",
          "light": {
            "hsl": "hsl(168 45% 90%)",
            "hex": "#DAF1EC"
          },
          "dark": {
            "hsl": "hsl(168 35% 22%)",
            "hex": "#244C44"
          },
          "note": "Rare soft-teal highlight / success-lite."
        }
      ]
    },
    {
      "id": "semantic",
      "title": "Semantic",
      "tokens": [
        {
          "name": "success",
          "label": "Success",
          "light": {
            "hsl": "hsl(142 76% 36%)",
            "hex": "#16A249"
          },
          "dark": {
            "hsl": "hsl(142 76% 42%)",
            "hex": "#1ABC55"
          },
          "note": "Positive sentiment, “all systems nominal”."
        },
        {
          "name": "warning",
          "label": "Warning",
          "light": {
            "hsl": "hsl(38 92% 50%)",
            "hex": "#F59F0A"
          },
          "dark": {
            "hsl": "hsl(38 92% 55%)",
            "hex": "#F6A823"
          },
          "note": "Emerging themes, alpha tags."
        },
        {
          "name": "destructive",
          "label": "Destructive",
          "light": {
            "hsl": "hsl(0 72% 43%)",
            "hex": "#BD1F1F"
          },
          "dark": {
            "hsl": "hsl(0 70% 58%)",
            "hex": "#DF4949"
          },
          "note": "Errors, negative sentiment, anomalies."
        },
        {
          "name": "info",
          "label": "Info",
          "light": {
            "hsl": "hsl(199 89% 48%)",
            "hex": "#0DA2E7"
          },
          "dark": {
            "hsl": "hsl(199 89% 53%)",
            "hex": "#1CAEF2"
          },
          "note": "Informational states."
        },
        {
          "name": "feature",
          "label": "Feature",
          "light": {
            "hsl": "hsl(280 65% 60%)",
            "hex": "#AF57DB"
          },
          "dark": {
            "hsl": "hsl(280 65% 65%)",
            "hex": "#B96CE0"
          },
          "note": "Cross-cutting signals (purple)."
        }
      ]
    },
    {
      "id": "sentiment",
      "title": "Sentiment scale",
      "tokens": [
        {
          "name": "sentiment-very-negative",
          "label": "Very negative",
          "light": {
            "hsl": "hsl(339.6 72% 51%)",
            "hex": "#DC2865"
          },
          "dark": {
            "hsl": "hsl(339.6 72% 58%)",
            "hex": "#E1477B"
          },
          "note": null
        },
        {
          "name": "sentiment-negative",
          "label": "Negative",
          "light": {
            "hsl": "hsl(0.9 95% 53%)",
            "hex": "#F91915"
          },
          "dark": {
            "hsl": "hsl(0.9 95% 60%)",
            "hex": "#FA3B38"
          },
          "note": null
        },
        {
          "name": "sentiment-neutral",
          "label": "Neutral",
          "light": {
            "hsl": "hsl(220.6 9% 46%)",
            "hex": "#6B7280"
          },
          "dark": {
            "hsl": "hsl(220.6 9% 55%)",
            "hex": "#828997"
          },
          "note": null
        },
        {
          "name": "sentiment-positive",
          "label": "Positive",
          "light": {
            "hsl": "hsl(105.9 85% 35%)",
            "hex": "#31A50D"
          },
          "dark": {
            "hsl": "hsl(105.9 85% 42%)",
            "hex": "#3BC610"
          },
          "note": null
        },
        {
          "name": "sentiment-very-positive",
          "label": "Very positive",
          "light": {
            "hsl": "hsl(169.6 84% 39%)",
            "hex": "#10B79A"
          },
          "dark": {
            "hsl": "hsl(169.6 84% 46%)",
            "hex": "#13D8B6"
          },
          "note": null
        }
      ]
    },
    {
      "id": "chart",
      "title": "Data visualization",
      "tokens": [
        {
          "name": "chart-1",
          "label": "Indigo",
          "light": {
            "hsl": "hsl(224 76% 40%)",
            "hex": "#1842B4"
          },
          "dark": {
            "hsl": "hsl(224 76% 55%)",
            "hex": "#3564E3"
          },
          "note": null
        },
        {
          "name": "chart-2",
          "label": "Teal",
          "light": {
            "hsl": "hsl(168 56% 42%)",
            "hex": "#2FA78F"
          },
          "dark": {
            "hsl": "hsl(168 56% 49%)",
            "hex": "#37C3A7"
          },
          "note": null
        },
        {
          "name": "chart-3",
          "label": "Amber",
          "light": {
            "hsl": "hsl(38 80% 52%)",
            "hex": "#E79F23"
          },
          "dark": {
            "hsl": "hsl(38 80% 59%)",
            "hex": "#EAAD43"
          },
          "note": null
        },
        {
          "name": "chart-4",
          "label": "Purple",
          "light": {
            "hsl": "hsl(280 52% 56%)",
            "hex": "#A254C9"
          },
          "dark": {
            "hsl": "hsl(280 52% 63%)",
            "hex": "#B170D2"
          },
          "note": null
        },
        {
          "name": "chart-5",
          "label": "Coral",
          "light": {
            "hsl": "hsl(4 72% 58%)",
            "hex": "#E15147"
          },
          "dark": {
            "hsl": "hsl(4 72% 65%)",
            "hex": "#E66E65"
          },
          "note": null
        }
      ]
    }
  ]
}