/* EquipInFlow — tokens gerados do design system (tokens.json). Tema claro é o padrão; escuro segue o sistema ou data-theme. */
:root {
  color-scheme: light;
  --surface: #f5f6f3;
  --surface-raised: #ffffff;
  --surface-sunken: #eaede8;
  --line: #d9ded8;
  --ink: #16201c;
  --ink-muted: #56625d;
  --flow: #0b6b61;
  --flow-soft: #d5eee8;
  --on-flow: #ffffff;
  --member-a: #2554c7;
  --member-b: #a14a08;
  --on-member: #ffffff;
  --pulse: #9a3412;
  --pulse-soft: #fde8d8;
  --done: #2e6a2b;
  --done-soft: #e0f0db;
  --risk: #b0261b;
  --risk-soft: #fbe3e0;
  --review: #5b4a00;
  --review-soft: #f6efc4;
  --focus: var(--flow);
  --member-c: #6b3fb8;
  --member-d: #a3245e;
  --shadow-card: 0 1px 2px rgba(22,32,28,0.06);
  --shadow-pop: 0 8px 24px rgba(22,32,28,0.12);
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-full: 999px;
  --font-sans: "Segoe UI", system-ui, -apple-system, Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-mono: ui-monospace, "Cascadia Code", Consolas, "SF Mono", monospace;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --surface: #111715;
    --surface-raised: #1a2220;
    --surface-sunken: #0b100e;
    --line: #2b3532;
    --ink: #e7eeea;
    --ink-muted: #9eaba5;
    --flow: #4fd1bd;
    --flow-soft: #123d37;
    --on-flow: #0b1513;
    --member-a: #86a8ff;
    --member-b: #f2a65e;
    --on-member: #0b1513;
    --pulse: #fb923c;
    --pulse-soft: #3e1c0b;
    --done: #8fd486;
    --done-soft: #16301a;
    --risk: #ff8f80;
    --risk-soft: #3d1512;
    --review: #e8cf5a;
    --review-soft: #332c08;
    --focus: var(--flow);
    --member-c: #c3a8f5;
    --member-d: #f39cc4;
    --shadow-card: 0 1px 2px rgba(0,0,0,0.4);
    --shadow-pop: 0 8px 24px rgba(0,0,0,0.5);
  }
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --surface: #111715;
  --surface-raised: #1a2220;
  --surface-sunken: #0b100e;
  --line: #2b3532;
  --ink: #e7eeea;
  --ink-muted: #9eaba5;
  --flow: #4fd1bd;
  --flow-soft: #123d37;
  --on-flow: #0b1513;
  --member-a: #86a8ff;
  --member-b: #f2a65e;
  --on-member: #0b1513;
  --pulse: #fb923c;
  --pulse-soft: #3e1c0b;
  --done: #8fd486;
  --done-soft: #16301a;
  --risk: #ff8f80;
  --risk-soft: #3d1512;
  --review: #e8cf5a;
  --review-soft: #332c08;
  --focus: var(--flow);
  --member-c: #c3a8f5;
  --member-d: #f39cc4;
  --shadow-card: 0 1px 2px rgba(0,0,0,0.4);
  --shadow-pop: 0 8px 24px rgba(0,0,0,0.5);
}