/* Northstar 1.1 — shared brand and product tokens. No framework dependency. */
:root {
  --ns-midnight: #090e1b;
  --ns-slate: #101724;
  --ns-ice: #9cdcf3;
  --ns-paper: #f1f1ec;
  --ns-white: #ffffff;
  --ns-brand-blue: #78bcf4;
  --ns-brand-violet: #b29aee;
  --ns-brand-pink: #e79bc8;
  --ns-brand-spectrum: linear-gradient(110deg, var(--ns-brand-blue), var(--ns-brand-violet) 52%, var(--ns-brand-pink));
  --ns-primary-fill: var(--ns-ice);
  --ns-primary-ink: var(--ns-midnight);
  --ns-primary-border: var(--ns-accent);
  --ns-primary-hover: #c3eeff;
  --ns-font-body: 'Inter', Arial, sans-serif;
  --ns-font-heading: 'Outfit', 'Inter', Arial, sans-serif;
  --ns-space-1: 4px;
  --ns-space-2: 8px;
  --ns-space-3: 12px;
  --ns-space-4: 16px;
  --ns-space-5: 24px;
  --ns-space-6: 32px;
  --ns-space-7: 48px;
  --ns-radius-control: 4px;
  --ns-radius-panel: 8px;
  --ns-radius-pill: 999px;
  --ns-duration-fast: 120ms;
  --ns-duration-normal: 180ms;
  --ns-duration-panel: 240ms;
  --ns-ease: cubic-bezier(.2,.7,.2,1);
  --ns-shadow: 0 12px 32px #090e1b14;
  --ns-control-height: 40px;
  --ns-row-height: 52px;
}
:root, [data-ns-theme="light"] {
  --ns-bg: #f1f1ec;
  --ns-surface: #ffffff;
  --ns-surface-raised: #f8f9f7;
  --ns-text: #17212b;
  --ns-text-muted: #596570;
  --ns-border: #ccd2d6;
  --ns-border-control: #788792;
  --ns-accent: #17617b;
  --ns-accent-soft: #e0f2f8;
  --ns-selected: #dceff6;
  --ns-focus: #17617b;
  --ns-success: #21633e;
  --ns-success-bg: #e4f2e8;
  --ns-warning: #785000;
  --ns-warning-bg: #fff1ce;
  --ns-danger: #a32f3b;
  --ns-danger-bg: #fbe8eb;
  --ns-info: #205d83;
  --ns-info-bg: #e5f1fa;
}
[data-ns-theme="dark"] {
  --ns-bg: #090e1b;
  --ns-surface: #101724;
  --ns-surface-raised: #192333;
  --ns-text: #f3f5fa;
  --ns-text-muted: #a4adbc;
  --ns-border: #344152;
  --ns-border-control: #718197;
  --ns-accent: #9cdcf3;
  --ns-accent-soft: #163345;
  --ns-selected: #1b3d50;
  --ns-focus: #9cdcf3;
  --ns-success: #9ed7b1;
  --ns-success-bg: #173426;
  --ns-warning: #f3d087;
  --ns-warning-bg: #3b301b;
  --ns-danger: #ffb1bb;
  --ns-danger-bg: #40232d;
  --ns-info: #acd5f4;
  --ns-info-bg: #19344a;
}
/* Opt-in CRM palette: apply alongside data-ns-theme on the same root. */
[data-ns-accent="aurora"] {
  --ns-bg: #f5f3f8;
  --ns-surface-raised: #f8f6fb;
  --ns-text-muted: #606073;
  --ns-border: #d8d3e2;
  --ns-border-control: #83778f;
  --ns-accent: #6341a6;
  --ns-accent-soft: #f0ebfa;
  --ns-selected: #e9dff8;
  --ns-focus: #7541b5;
  --ns-primary-fill: linear-gradient(110deg, #345ab5, #7046b7 52%, #ad3d7d);
  --ns-primary-hover: linear-gradient(110deg, #294b9d, #6037a3 52%, #962b68);
  --ns-primary-ink: #ffffff;
  --ns-primary-border: #7854b7;
}
[data-ns-accent="aurora"][data-ns-theme="dark"] {
  --ns-bg: #0e1020;
  --ns-surface: #151829;
  --ns-surface-raised: #1d2035;
  --ns-text-muted: #b0aec4;
  --ns-border: #38384f;
  --ns-border-control: #827b9d;
  --ns-accent: #c6b2ff;
  --ns-accent-soft: #29233e;
  --ns-selected: #362b50;
  --ns-focus: #d1b6ff;
  --ns-primary-border: #b59ae5;
}
[data-ns-density="compact"] { --ns-control-height: 36px; --ns-row-height: 44px; }
@media (pointer: coarse) { :root, [data-ns-density="compact"] { --ns-control-height: 44px; --ns-row-height: 56px; } }
@media (prefers-reduced-motion: reduce) {
  :root { --ns-duration-fast: 0ms; --ns-duration-normal: 0ms; --ns-duration-panel: 0ms; }
}