/* NewHQ design tokens — generated from tokens.json. Do not edit by hand; change tokens.json and regenerate. */

:root, [data-theme="light"], [data-bs-theme="light"] {
  color-scheme: light;
  --surface: #f6f4ef;
  --surface-raised: #ffffff;
  --surface-sunken: #eeebe3;
  --nav: #1b241e;
  --nav-raised: #2c3a31;
  --nav-ink: #ece9df;
  --nav-ink-muted: #a9b0a1;
  --line: #dcd7cb;
  --line-strong: #8a8578;
  --ink: #1c1f1a;
  --ink-muted: #5b5f56;
  --action: #1c1f1a;
  --on-action: #f6f4ef;
  --crust: #d98e2b;
  --on-crust: #1c1f1a;
  --crust-soft: #f6e3c4;
  --focus: #9a5a0a;
  --focus-inverse: #d98e2b;
  --positive: #1b6a61;
  --positive-soft: #dcefeb;
  --warning: #8a5300;
  --warning-soft: #f7e7c8;
  --negative: #b0271f;
  --negative-soft: #f8dedb;
  --src-hubspot-uk: #a3401c;
  --src-hubspot-us: #b8700f;
  --src-netsuite: #2463a6;
  --src-sap: #5a3d8a;
  --chart-in-forecast: #86b6ef;
  --chart-in: #2a78d6;
  --chart-in-overdue: #184f95;
  --chart-out-forecast: #f2a07a;
  --chart-out: #c9531f;
  --funnel-1: #1f6fd1;
  --funnel-2: #2b86cf;
  --funnel-3: #8448c9;
  --funnel-4: #b83f8e;
  --funnel-5: #c06a00;
  --funnel-won: #2b8a3e;
  --shadow-pop: 0 8px 24px rgba(20,24,20,0.14);
}

[data-theme="dark"], [data-bs-theme="dark"] {
  color-scheme: dark;
  --surface: #111411;
  --surface-raised: #1a1e1a;
  --surface-sunken: #0b0d0b;
  --nav: #0b0f0c;
  --nav-raised: #1f2a22;
  --nav-ink: #ece9df;
  --nav-ink-muted: #98a092;
  --line: #2d332d;
  --line-strong: #6b7368;
  --ink: #ecebe4;
  --ink-muted: #a7aa9e;
  --action: #ecebe4;
  --on-action: #111411;
  --crust: #e3a14a;
  --on-crust: #111411;
  --crust-soft: #3a2c17;
  --focus: #f0b25c;
  --focus-inverse: #f0b25c;
  --positive: #5cc2b3;
  --positive-soft: #15302c;
  --warning: #e8b04a;
  --warning-soft: #33270f;
  --negative: #f08a80;
  --negative-soft: #3a1a17;
  --src-hubspot-uk: #f0936b;
  --src-hubspot-us: #f2c46b;
  --src-netsuite: #8fbdf0;
  --src-sap: #c3a6ef;
  --chart-in-forecast: #86b6ef;
  --chart-in: #3987e5;
  --chart-in-overdue: #1c5cab;
  --chart-out-forecast: #f2a07a;
  --chart-out: #d95926;
  --funnel-1: #4c93ec;
  --funnel-2: #62b0ee;
  --funnel-3: #b08af0;
  --funnel-4: #e483c3;
  --funnel-5: #f0a24a;
  --funnel-won: #5cc96f;
  --shadow-pop: 0 8px 24px rgba(0,0,0,0.55);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]):not([data-bs-theme="light"]) {
    color-scheme: dark;
    --surface: #111411;
    --surface-raised: #1a1e1a;
    --surface-sunken: #0b0d0b;
    --nav: #0b0f0c;
    --nav-raised: #1f2a22;
    --nav-ink: #ece9df;
    --nav-ink-muted: #98a092;
    --line: #2d332d;
    --line-strong: #6b7368;
    --ink: #ecebe4;
    --ink-muted: #a7aa9e;
    --action: #ecebe4;
    --on-action: #111411;
    --crust: #e3a14a;
    --on-crust: #111411;
    --crust-soft: #3a2c17;
    --focus: #f0b25c;
    --focus-inverse: #f0b25c;
    --positive: #5cc2b3;
    --positive-soft: #15302c;
    --warning: #e8b04a;
    --warning-soft: #33270f;
    --negative: #f08a80;
    --negative-soft: #3a1a17;
    --src-hubspot-uk: #f0936b;
    --src-hubspot-us: #f2c46b;
    --src-netsuite: #8fbdf0;
    --src-sap: #c3a6ef;
    --chart-in-forecast: #86b6ef;
    --chart-in: #3987e5;
    --chart-in-overdue: #1c5cab;
    --chart-out-forecast: #f2a07a;
    --chart-out: #d95926;
    --funnel-1: #4c93ec;
    --funnel-2: #62b0ee;
    --funnel-3: #b08af0;
    --funnel-4: #e483c3;
    --funnel-5: #f0a24a;
    --funnel-won: #5cc96f;
    --shadow-pop: 0 8px 24px rgba(0,0,0,0.55);
  }
}

:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --radius-sm: 3px;
  --radius-md: 6px;
  --radius-lg: 10px;
  --radius-pill: 999px;
  --topbar-height: 52px;
  --navbar-height: 44px;
  --control-height: 32px;
  --row-height: 36px;
  --content-max-width: 1320px;
  --document-width: 210mm;
  --font-display: "Fraunces", Georgia, "Times New Roman", serif;
  --font-sans: "Instrument Sans", "Segoe UI", system-ui, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, Consolas, monospace;
}