/* EXCAR Platform — Nocturne tokens.
   Blue is emitted intelligence, not general decoration. */

:root {
  --nocturne-warm-black: #0d0d0c;
  --nocturne-carbon: #242321;
  --nocturne-pewter: #8b877f;
  --nocturne-ivory: #eee9e1;
  --nocturne-blue: #3996ef;

  --color-background-base: #0d0d0c;
  --color-background-deep: #090909;
  --color-background-surface: #141413;
  --color-background-raised: #191918;
  --color-background-elevated: #1e1d1b;
  --color-background-overlay: #252422;
  --color-background-inset: #0a0a09;
  --color-background-scrim: rgba(5, 5, 5, 0.78);

  --color-text-primary: #eee9e1;
  --color-text-secondary: #b9b4ac;
  --color-text-muted: #88847d;
  --color-text-faint: #625f59;
  --color-text-inverse: #0d0d0c;

  --color-accent-excar: #3996ef;
  --color-accent: #3996ef;
  --color-accent-text: #72b7f6;
  --color-accent-quiet: #235f98;
  --color-accent-subtle: rgba(57, 150, 239, 0.10);
  --color-accent-surface: rgba(57, 150, 239, 0.065);
  --color-accent-edge: rgba(57, 150, 239, 0.32);
  --color-accent-glow: rgba(57, 150, 239, 0.14);

  --color-state-success: #65c990;
  --color-state-warning: #d9aa50;
  --color-state-error: #e77770;
  --color-state-info: #72b7f6;
  --color-state-unknown: #8b877f;
  --color-state-suspect: #d5ad48;
  --color-state-derived: #ad92cf;

  --color-border-hairline: #292825;
  --color-border-default: #373531;
  --color-border-strong: #514e48;
  --color-border-focus: #3996ef;

  --chart-series-1: #55a9f4; --chart-dash-1: none;
  --chart-series-2: #d9aa50; --chart-dash-2: 6 3;
  --chart-series-3: #65c990; --chart-dash-3: 2 3;
  --chart-series-4: #ad92cf; --chart-dash-4: 10 4;
  --chart-series-5: #e77770; --chart-dash-5: 1 3;
  --chart-series-6: #83cfd4; --chart-dash-6: 8 3 2 3;

  --font-sans: "Manrope", "Inter", "Segoe UI", system-ui, sans-serif;
  --font-serif: "Libre Baskerville", Georgia, serif;
  --font-mono: "JetBrains Mono", "Cascadia Mono", Consolas, monospace;

  --type-display-size: clamp(34px, 4vw, 54px);
  --type-display-lh: 1.08;
  --type-title-page-size: clamp(28px, 3vw, 40px);
  --type-title-page-lh: 1.14;
  --type-title-section-size: 17px;
  --type-title-section-lh: 24px;
  --type-body-size: 14px;
  --type-body-lh: 21px;
  --type-label-size: 10px;
  --type-label-lh: 14px;
  --type-caption-size: 12px;
  --type-caption-lh: 17px;
  --type-metric-size: 30px;
  --type-metric-lh: 35px;
  --type-metric-sm-size: 20px;
  --type-metric-sm-lh: 25px;
  --type-mono-size: 12px;
  --type-mono-lh: 18px;

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-7: 28px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;

  --radius-xs: 3px;
  --radius-sm: 5px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-pill: 999px;

  --shadow-raised: 0 1px 0 rgba(255,255,255,.02), 0 10px 30px rgba(0,0,0,.16);
  --shadow-overlay: 0 18px 50px rgba(0, 0, 0, 0.50);
  --shadow-modal: 0 28px 80px rgba(0, 0, 0, 0.68);

  --motion-instant: 0ms;
  --motion-fast: 120ms;
  --motion-base: 180ms;
  --motion-slow: 260ms;
  --easing: cubic-bezier(.2, 0, 0, 1);

  --rail-width: 232px;
  --topbar-height: 64px;
  --content-max: 1500px;
  --row-height: 50px;
  --row-height-compact: 38px;
}

:root[data-density="compact"] { --row-height: var(--row-height-compact); }

@media (prefers-reduced-motion: reduce) {
  :root { --motion-fast: 0ms; --motion-base: 0ms; --motion-slow: 0ms; }
}