/*
 * Design system v1 tokens: Tempo palette, Outfit / Hanken Grotesk / Azeret Mono, rounded shapes.
 * Brand rule: --accent is the plan, --actual is what happened, --good is on target, --fatigue is fatigue.
 * Source: https://claude.ai/artifact/DsDeyzhsfFv7vAauZ3R1US
 */
@layer tokens {
  :root {
    --bg: #F6F5FA;
    --panel: #FFFFFF;
    --ink: #15132A;
    --muted: #5E5B74;
    --line: #E3E1EE;
    --accent: #5B3FD6;
    --accent-wash: #EEEAFF;
    --accent-ink: #3E25A8;
    --accent-text: #5B3FD6;
    --on-accent: #FFFFFF;
    --actual: #0E6E78;
    --good: #2E9C4F;
    --good-wash: #E5F4E9;
    --fatigue: #E07A2E;

    --display: "Outfit", "Helvetica Neue", system-ui, sans-serif;
    --body: "Hanken Grotesk", "Helvetica Neue", system-ui, sans-serif;
    --mono: "Azeret Mono", ui-monospace, "SF Mono", Menlo, monospace;
    --d-weight: 700;
    --d-track: -.03em;

    --r-card: 16px;
    --r-inner: 12px;
    --r-pill: 999px;
    --r-ctl: 10px;

    color-scheme: light;
  }

  @media (prefers-color-scheme: dark) {
    :root:not([data-theme="light"]) {
      --bg: #110F1E;
      --panel: #1A1830;
      --ink: #EDEBF7;
      --muted: #A7A3C0;
      --line: #2B2845;
      --accent: #9C86FF;
      --accent-wash: #2A2152;
      --accent-ink: #CFC3FF;
      --accent-text: #A895FF;
      --on-accent: #110F1E;
      --actual: #4CC3CC;
      --good: #4CC27A;
      --good-wash: #133021;
      --fatigue: #F2A05E;
      color-scheme: dark;
    }
  }

  :root[data-theme="dark"] {
    --bg: #110F1E;
    --panel: #1A1830;
    --ink: #EDEBF7;
    --muted: #A7A3C0;
    --line: #2B2845;
    --accent: #9C86FF;
    --accent-wash: #2A2152;
    --accent-ink: #CFC3FF;
    --accent-text: #A895FF;
    --on-accent: #110F1E;
    --actual: #4CC3CC;
    --good: #4CC27A;
    --good-wash: #133021;
    --fatigue: #F2A05E;
    color-scheme: dark;
  }
}