{
  "name": "Weekwright",
  "source": "https://github.com/Weekwright/app apps/web/src/styles/tokens.css",
  "note": "Every role has a light and a dark value. Roles, not raw hex, are what components read.",
  "colors": {
    "bg": {
      "light": "#f7f5f0",
      "dark": "#111517",
      "use": "page background (paper)"
    },
    "surface": {
      "light": "#ffffff",
      "dark": "#191f22",
      "use": "cards, sidebar, inputs"
    },
    "sunken": {
      "light": "#efece4",
      "dark": "#0e1214",
      "use": "insets, tracks, hover fills"
    },
    "ink": {
      "light": "#0f1419",
      "dark": "#f1eee7",
      "use": "primary text"
    },
    "muted": {
      "light": "#5c5750",
      "dark": "#a39d94",
      "use": "secondary text, labels"
    },
    "line": {
      "light": "#e4e0d8",
      "dark": "#2a3236",
      "use": "card borders, dividers"
    },
    "line-strong": {
      "light": "#cfc9bd",
      "dark": "#3a444a",
      "use": "inputs, secondary buttons"
    },
    "accent": {
      "light": "#1f6b5c",
      "dark": "#5cbca4",
      "use": "primary actions, positive change, brand. The one brand color."
    },
    "accent-strong": {
      "light": "#175245",
      "dark": "#7fd0ba",
      "use": "hover state of accent"
    },
    "accent-soft": {
      "light": "#e2efe9",
      "dark": "#1b2d29",
      "use": "tinted backgrounds, active nav"
    },
    "on-accent": {
      "light": "#ffffff",
      "dark": "#06201a",
      "use": "text on an accent fill"
    },
    "pop": {
      "light": "#5a45d6",
      "dark": "#a99cff",
      "use": "the extra pop — marks what is new or current (latest week, a fresh insight). Sparingly: one or two places per screen, never for status."
    },
    "pop-soft": {
      "light": "#ece9fb",
      "dark": "#25214a",
      "use": "tinted background for pop"
    },
    "on-pop": {
      "light": "#ffffff",
      "dark": "#100c33",
      "use": "text on a solid pop fill"
    },
    "warn": {
      "light": "#9a4507",
      "dark": "#e8ad62",
      "use": "needs attention, the weekly action"
    },
    "warn-soft": {
      "light": "#faeddb",
      "dark": "#332a1a",
      "use": "tinted background for warn"
    },
    "danger": {
      "light": "#9b2c2c",
      "dark": "#ee9a94",
      "use": "decreases, destructive actions"
    },
    "danger-soft": {
      "light": "#f8e4e2",
      "dark": "#3a2321",
      "use": "tinted background for danger"
    },
    "overlay": {
      "light": "rgba(15, 20, 25, 0.42)",
      "dark": "rgba(0, 0, 0, 0.6)",
      "use": "modal and handoff backdrop"
    },
    "focus": {
      "light": "#1f6b5c",
      "dark": "#7fd0ba",
      "use": "2px keyboard focus ring, every interactive element"
    }
  },
  "accessibility": {
    "standard": "WCAG AA, 4.5:1 or better, for every text/background pairing above",
    "measured": {
      "ink-on-bg": { "light": "17.0:1", "dark": "15.9:1" },
      "muted-on-surface": { "light": "7.2:1", "dark": "6.2:1" },
      "accent-on-surface": { "light": "6.3:1", "dark": "7.3:1" },
      "pop-on-surface": { "light": "6.5:1", "dark": "7.1:1" },
      "on-accent-on-accent-fill": { "light": "6.3:1", "dark": "7.5:1" }
    }
  }
}