/* Inventrix design tokens — light/dark via system preference + manual override. */

:root {
  --color-bg: #f7f8f7;
  --color-surface: #ffffff;
  --color-surface-alt: #eef1ef;
  --color-text: #1c2422;
  --color-text-muted: #4c5a56;
  --color-primary: #1a7f6b;
  --color-primary-contrast: #ffffff;
  --color-primary-soft: #d7ece7;
  --color-danger: #b3261e;
  --color-danger-contrast: #ffffff;
  --color-attention: #c2410c;
  --color-attention-contrast: #ffffff;
  --color-warning-bg: #fdf3d7;
  --color-warning-text: #5f4a00;
  --color-border: #c3cdc9;
  --color-focus: #0b57d0;
  --color-success: #146c43;
  --shadow-1: 0 1px 3px rgb(0 0 0 / 0.16);
  --shadow-2: 0 4px 16px rgb(0 0 0 / 0.20);

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;

  --radius-1: 6px;
  --radius-2: 12px;

  --font-body: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --tap-target: 44px;

  color-scheme: light;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --color-bg: #131715;
    --color-surface: #1d2320;
    --color-surface-alt: #262e2a;
    --color-text: #e6ebe9;
    --color-text-muted: #a7b3ae;
    --color-primary: #4dbfa4;
    --color-primary-contrast: #08201a;
    --color-primary-soft: #1e3831;
    --color-danger: #ff8f88;
    --color-danger-contrast: #33110e;
    --color-attention: #fb923c;
    --color-attention-contrast: #331803;
    --color-warning-bg: #3a3212;
    --color-warning-text: #f0dfa0;
    --color-border: #46524d;
    --color-focus: #8ab4f8;
    --color-success: #6bcf9c;
    color-scheme: dark;
  }
}

:root[data-theme="dark"] {
  --color-bg: #131715;
  --color-surface: #1d2320;
  --color-surface-alt: #262e2a;
  --color-text: #e6ebe9;
  --color-text-muted: #a7b3ae;
  --color-primary: #4dbfa4;
  --color-primary-contrast: #08201a;
  --color-primary-soft: #1e3831;
  --color-danger: #ff8f88;
  --color-danger-contrast: #33110e;
  --color-warning-bg: #3a3212;
  --color-warning-text: #f0dfa0;
  --color-border: #46524d;
  --color-focus: #8ab4f8;
  --color-success: #6bcf9c;
  color-scheme: dark;
}