/* Teeboxed design tokens. SINGLE SOURCE OF TRUTH. Spec: docs/design/system.md
   Only this file may contain raw colors. Everything else uses var(--token). */
:root, .theme-light {
  /* Surfaces and ink (light). `.theme-light` pins a subtree to light (sign-in form side, T-040). */
  --background: #F5F8F3;
  --foreground: #0E1B15;
  --card: #FFFFFF;
  --card-foreground: #0E1B15;
  --muted: #E8EFE9;
  --muted-foreground: #4A5E53;
  --border: #CBD8CF;
  --input: #768C7E;
  /* Brand */
  --primary: #0E1B15;
  --primary-foreground: #F2F7F3;
  --accent: #B6F23C;          /* tee-lime: fills, traces, highlights on dark. Not text on light. */
  --accent-foreground: #07100C;
  --ring: #3F6B00;            /* focus ring on light */
  --link: #3F6B00;
  /* Status */
  --destructive: #B42318;
  --success: #1B6B3A;
  --warning: #8A5300;
  --info: #1F4FB4;
  /* Always-dark brand surfaces (header, hero, auth news panel) */
  --brand-bg: #07100C;
  --brand-surface: #0E1B15;
  --brand-surface-2: #16281F;
  --brand-line: #2A4136;
  --brand-ink: #F2F7F3;
  --brand-muted: #A9BBB0;
  --brand-panel: rgb(7 16 12 / .72);
  --scrim: linear-gradient(180deg, rgb(7 16 12 / .6) 0%, rgb(7 16 12 / .72) 55%, #07100C 100%);
  /* Studio dashboard: agent identity colors (light) */
  --agent-director: #1F7A4D; --agent-code: #1F4FB4; --agent-qa: #6D28D9;
  --agent-security: #B42318; --agent-release: #A1470A; --agent-design: #BE185D;
  --highlight: #E8F1FF;
  /* Type */
  --font-sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --text-xs: .75rem; --text-sm: .875rem; --text-base: 1rem; --text-lg: 1.125rem;
  --text-xl: 1.375rem; --text-2xl: 1.75rem; --text-3xl: 2.25rem;
  --text-display: clamp(2.5rem, 8vw + .5rem, 6rem);
  /* Spacing (4px base) */
  --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px;
  --space-6: 24px; --space-8: 32px; --space-12: 48px; --space-16: 64px; --space-24: 96px;
  /* Radius */
  --radius-sm: 6px; --radius: 10px; --radius-lg: 16px; --radius-xl: 20px; --radius-full: 999px;
  /* Shadow */
  --shadow-sm: 0 1px 2px rgb(14 27 21 / .08);
  --shadow-md: 0 4px 16px rgb(14 27 21 / .12);
  --shadow-lg: 0 16px 48px rgb(7 16 12 / .28);
  /* Motion */
  --ease-out: cubic-bezier(.16, 1, .3, 1);
  --ease-inout: cubic-bezier(.65, 0, .35, 1);
  --dur-fast: 120ms; --dur-base: 200ms; --dur-slow: 400ms;
  /* Targets */
  --tap: 48px;
}
.dark, :root[data-theme="dark"] {
  --background: #07100C; --foreground: #F2F7F3;
  --card: #0E1B15; --card-foreground: #F2F7F3;
  --muted: #16281F; --muted-foreground: #A9BBB0;
  --border: #2A4136; --input: #5F7D6C;
  --primary: #B6F23C; --primary-foreground: #07100C;
  --ring: #B6F23C; --link: #B6F23C;
  --destructive: #FF8A7A; --success: #7FE0A0; --warning: #F5C26B; --info: #8FB0FF;
  --shadow-sm: 0 1px 2px rgb(0 0 0 / .4);
  --shadow-md: 0 4px 16px rgb(0 0 0 / .5);
  --agent-director: #7FE0A0; --agent-code: #8FB0FF; --agent-qa: #B79CFF;
  --agent-security: #FF8A7A; --agent-release: #F0A050; --agent-design: #F472B6;
  --highlight: #1B2A45;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --background: #07100C; --foreground: #F2F7F3;
    --card: #0E1B15; --card-foreground: #F2F7F3;
    --muted: #16281F; --muted-foreground: #A9BBB0;
    --border: #2A4136; --input: #5F7D6C;
    --primary: #B6F23C; --primary-foreground: #07100C;
    --ring: #B6F23C; --link: #B6F23C;
    --destructive: #FF8A7A; --success: #7FE0A0; --warning: #F5C26B; --info: #8FB0FF;
    --shadow-sm: 0 1px 2px rgb(0 0 0 / .4);
    --shadow-md: 0 4px 16px rgb(0 0 0 / .5);
    --agent-director: #7FE0A0; --agent-code: #8FB0FF; --agent-qa: #B79CFF;
    --agent-security: #FF8A7A; --agent-release: #F0A050; --agent-design: #F472B6;
    --highlight: #1B2A45;
  }
}
@media (prefers-reduced-motion: reduce) {
  :root { --dur-fast: 0ms; --dur-base: 0ms; --dur-slow: 0ms; }
}