/*
 * Design tokens. Default theme (planned).
 * Components in admin.css use these variables only; change the brand here.
 */
:root {
  --font-sans: 'Inter', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --font-display: 'Inter', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;

  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 18px;
  --space: 1rem; /* density: lower for compact */

  /* Brand: deep teal primary, light aqua accent */
  --brand-primary: #0e6e8c;
  --brand-primary-strong: #0a5670;
  --brand-primary-soft: #e3f1f5;
  --brand-primary-contrast: #ffffff;
  --brand-accent: #7fd6e2;

  /* Surfaces: warm neutrals */
  --surface-bg: #f6f5f1;
  --surface-card: #ffffff;
  --surface-sunken: #efede7;
  --surface-border: #e3e0d8;
  --surface-hover: #f3f1ec;

  --text-primary: #14212b;
  --text-secondary: #3d4a54;
  --text-muted: #5f6b74;

  /* Sidebar stays deep in both modes */
  --sidebar-bg: #0b2a35;
  --sidebar-bg-2: #0f3a48;
  --sidebar-text: #c6d6dc;
  --sidebar-text-strong: #ffffff;
  --sidebar-muted: #7f9ba5;
  --sidebar-hover: rgb(255 255 255 / 0.07);
  --sidebar-active: rgb(127 214 226 / 0.16);
  --sidebar-border: rgb(255 255 255 / 0.08);

  /* Status (distinct from brand) */
  --status-success: #13795b;
  --status-success-soft: #e2f4ec;
  --status-warning: #a15c07;
  --status-warning-soft: #fdf0d9;
  --status-danger: #b42318;
  --status-danger-soft: #fdeceb;
  --status-info: #1d5fb8;
  --status-info-soft: #e5eefb;

  /* Intervention states */
  --status-planned: #5f6b74;
  --status-in-progress: #1d5fb8;
  --status-completed: #13795b;
  --status-review: #a15c07;

  --chart-1: #0e6e8c;
  --chart-2: #7fd6e2;
  --chart-3: #e0a43a;
  --chart-4: #13795b;
  --chart-5: #8a6fd1;
  --chart-6: #d0614f;

  --shadow-1: 0 1px 2px rgb(20 33 43 / 0.05);
  --shadow-2: 0 1px 2px rgb(20 33 43 / 0.04), 0 10px 30px rgb(20 33 43 / 0.08);
  --focus-ring: 0 0 0 3px rgb(14 110 140 / 0.25);
  color-scheme: light;
}

[data-theme='dark'] {
  --brand-primary: #3db2cc;
  --brand-primary-strong: #66c6db;
  --brand-primary-soft: rgb(61 178 204 / 0.14);
  --brand-primary-contrast: #062029;
  --brand-accent: #7fd6e2;

  --surface-bg: #0c1418;
  --surface-card: #121c21;
  --surface-sunken: #0a1114;
  --surface-border: #23323a;
  --surface-hover: #172329;

  --text-primary: #e8eef1;
  --text-secondary: #b8c5cc;
  --text-muted: #8c9ba3;

  --sidebar-bg: #081a21;
  --sidebar-bg-2: #0b2530;

  --status-success: #4cc79a;
  --status-success-soft: rgb(76 199 154 / 0.14);
  --status-warning: #f0b45a;
  --status-warning-soft: rgb(240 180 90 / 0.14);
  --status-danger: #f2877d;
  --status-danger-soft: rgb(242 135 125 / 0.14);
  --status-info: #7fb0f0;
  --status-info-soft: rgb(127 176 240 / 0.14);

  --shadow-1: 0 1px 2px rgb(0 0 0 / 0.3);
  --shadow-2: 0 1px 2px rgb(0 0 0 / 0.3), 0 12px 32px rgb(0 0 0 / 0.35);
  --focus-ring: 0 0 0 3px rgb(61 178 204 / 0.35);
  color-scheme: dark;
}