/* ============================================================================
   GENERATED by build-tokens.mjs — DO NOT EDIT.
   Source of truth: docs/design-system/tokens.json
   Edit tokens.json, then: node docs/design-system/build-tokens.mjs
   terminal/web (Radar palette)
   ============================================================================ */

:root {
  /* Foundations — raw scales (mode-invariant) */
  --neutral-0: #ffffff;
  --neutral-50: #f5f7fa;
  --neutral-100: #f2f5f8;
  --neutral-200: #e1e4ea;
  --neutral-300: #cacfd8;
  --neutral-400: #99a0ae;
  --neutral-500: #717784;
  --neutral-600: #525866;
  --neutral-700: #2b303b;
  --neutral-800: #222530;
  --neutral-900: #181b25;
  --neutral-950: #0e121b;
  --blue-25: #f8f9ff;
  --blue-50: #eff7ff;
  --blue-100: #daedff;
  --blue-200: #bde0ff;
  --blue-300: #90cdff;
  --blue-400: #5cb1fe;
  --blue-500: #3690fb;
  --blue-600: #2071f0;
  --blue-700: #185adb;
  --blue-800: #1a4ab3;
  --blue-900: #1b428d;
  --blue-950: #152956;
  --green-50: #e0faec;
  --green-100: #d0fbe9;
  --green-200: #c2f5da;
  --green-300: #84ebb4;
  --green-400: #3ee089;
  --green-500: #1fc16b;
  --green-600: #1daf61;
  --green-700: #178c4e;
  --green-800: #1a7544;
  --green-900: #16643b;
  --green-950: #0b4627;
  --green-bright: #4ade80;
  --red-50: #ffebec;
  --red-100: #ffd5d8;
  --red-200: #ffc0c5;
  --red-300: #ff97a0;
  --red-400: #ff6875;
  --red-500: #fb3748;
  --red-600: #e93544;
  --red-700: #d02533;
  --red-800: #ad1f2b;
  --red-900: #8b1822;
  --red-950: #681219;
  --red-bright: #ef4444;
  --red-darker: #5c2024;
  --red-darkest: #2a1215;
  --orange-50: #fff1eb;
  --orange-100: #ffe3d5;
  --orange-200: #ffd5c0;
  --orange-300: #ffba97;
  --orange-400: #ff9a68;
  --orange-500: #ff8447;
  --orange-600: #e97135;
  --orange-700: #d05e25;
  --orange-800: #ad4e1f;
  --orange-900: #8b3e18;
  --orange-950: #682f12;
  --yellow-50: #fffaeb;
  --yellow-100: #ffefcc;
  --yellow-200: #ffecc0;
  --yellow-300: #ffe097;
  --yellow-400: #ffd268;
  --yellow-500: #f6b51e;
  --yellow-600: #e6a819;
  --yellow-700: #c99a2c;
  --yellow-800: #a78025;
  --yellow-900: #86661d;
  --yellow-950: #624c18;
  --yellow-highlight: #fef08a;
  --purple-50: #efebff;
  --purple-100: #dcd5ff;
  --purple-200: #cac0ff;
  --purple-300: #a897ff;
  --purple-400: #8c71f6;
  --purple-500: #7d52f4;
  --purple-600: #693ee0;
  --purple-700: #5b2cc9;
  --purple-800: #4c25a7;
  --purple-900: #3d1d86;
  --purple-950: #351a75;
  --sky-50: #ebf8ff;
  --sky-100: #d5f1ff;
  --sky-200: #c0eaff;
  --sky-300: #97dcff;
  --sky-400: #68cdff;
  --sky-500: #47c2ff;
  --sky-600: #35ade9;
  --sky-700: #2597d0;
  --sky-800: #1f7ead;
  --sky-900: #18658b;
  --sky-950: #124b68;
  --pink-50: #ffebf4;
  --pink-100: #ffd5ea;
  --pink-200: #ffc0df;
  --pink-300: #ff97cb;
  --pink-400: #ff68b3;
  --pink-500: #fb4ba3;
  --pink-600: #e9358f;
  --pink-700: #d0257a;
  --pink-800: #ad1f66;
  --pink-900: #8b1852;
  --pink-950: #68123d;
  --teal-50: #e4fbf8;
  --teal-100: #d0fbf5;
  --teal-200: #c2f5ee;
  --teal-300: #84ebdd;
  --teal-400: #3fdec9;
  --teal-500: #22d3bb;
  --teal-600: #1daf9c;
  --teal-700: #178c7d;
  --teal-800: #1a7569;
  --teal-900: #16645a;
  --teal-950: #0b463e;
  --brown-deep: #713f12;
  --alpha-blue-10: rgba(24, 90, 219, 0.1);
  --alpha-green-10: rgba(52, 211, 153, 0.1);
  --alpha-orange-10: rgba(255, 145, 71, 0.1);
  --alpha-red-10: rgba(248, 113, 113, 0.1);
  --alpha-blue-20: rgba(24, 90, 219, 0.2);
  --alpha-green-20: rgba(52, 211, 153, 0.2);
  --alpha-orange-20: rgba(255, 145, 71, 0.2);
  --alpha-red-20: rgba(248, 113, 113, 0.2);
  --alpha-black-45: rgba(0, 0, 0, 0.45);
  --alpha-black-65: rgba(0, 0, 0, 0.65);

  /* Semantic — LIGHT */
  --clr-page: var(--neutral-0);
  --clr-surface: var(--neutral-0);
  --clr-surface-raised: var(--neutral-50);
  --clr-surface-hover: var(--neutral-100);
  --clr-surface-active: var(--blue-50);
  --clr-text: var(--neutral-950);
  --clr-text-secondary: var(--neutral-600);
  --clr-text-tertiary: var(--neutral-500);
  --clr-text-muted: var(--neutral-300);
  --clr-text-heading: var(--neutral-950);
  --clr-border: var(--neutral-200);
  --clr-border-light: var(--neutral-100);
  --clr-border-hover: var(--neutral-300);
  --clr-primary: var(--blue-700);
  --clr-primary-text: var(--blue-700);
  --clr-primary-bg: var(--blue-50);
  --clr-primary-border: var(--blue-300);
  --clr-chart-line: var(--blue-700);
  --clr-chart-broker-1: var(--purple-500);
  --clr-chart-broker-2: var(--sky-500);
  --clr-chart-broker-3: var(--pink-500);
  --clr-chart-broker-4: var(--teal-500);
  --clr-green: var(--green-600);
  --clr-green-bg: var(--green-50);
  --clr-green-border: var(--green-200);
  --clr-red: var(--red-600);
  --clr-red-bg: var(--red-50);
  --clr-red-border: var(--red-200);
  --clr-warning: var(--orange-600);
  --clr-warning-bg: var(--orange-50);
  --clr-warning-border: var(--orange-200);
  --clr-warning-dot: var(--orange-500);
  --clr-warning-banner-text: var(--orange-950);
  --clr-tooltip-bg: var(--neutral-900);
  --clr-tooltip-text: var(--neutral-100);
  --clr-overlay: var(--alpha-black-45);
  --clr-alert-bg: var(--red-50);
  --clr-alert-border: var(--red-bright);
  --clr-alert-text: var(--red-600);
  --clr-search-hl: var(--yellow-highlight);
  --clr-search-hl-text: var(--brown-deep);
  --clr-primary-hover: var(--blue-800);
  --clr-primary-bg-hover: var(--blue-100);
  --clr-chart-fill: var(--alpha-blue-10);
  --clr-state-success: var(--green-600);
  --clr-state-success-bg: var(--green-50);
  --clr-state-success-border: var(--green-200);
  --clr-state-error: var(--red-600);
  --clr-state-error-bg: var(--red-50);
  --clr-state-error-border: var(--red-200);
  --clr-state-warning: var(--orange-600);
  --clr-state-warning-bg: var(--orange-50);
  --clr-state-warning-border: var(--orange-200);
  --clr-state-information: var(--blue-700);
  --clr-state-information-bg: var(--blue-50);
  --clr-data-up: var(--green-600);
  --clr-data-down: var(--red-600);
  --clr-data-flat: var(--neutral-400);
  --clr-bg-selected: var(--blue-50);
  --clr-accent-purple: var(--purple-500);
  --clr-accent-sky: var(--sky-500);
  --clr-accent-pink: var(--pink-500);
  --clr-accent-teal: var(--teal-500);
}

html.dark {
  /* Semantic — DARK */
  --clr-page: var(--neutral-950);
  --clr-surface: var(--neutral-900);
  --clr-surface-raised: var(--neutral-800);
  --clr-surface-hover: var(--neutral-700);
  --clr-surface-active: var(--alpha-blue-20);
  --clr-text: var(--neutral-0);
  --clr-text-secondary: var(--neutral-400);
  --clr-text-tertiary: var(--neutral-400);
  --clr-text-muted: var(--neutral-700);
  --clr-text-heading: var(--neutral-200);
  --clr-border: var(--neutral-700);
  --clr-border-light: var(--neutral-900);
  --clr-border-hover: var(--neutral-500);
  --clr-primary: var(--blue-700);
  --clr-primary-text: var(--blue-700);
  --clr-primary-bg: var(--alpha-blue-20);
  --clr-primary-border: var(--alpha-blue-20);
  --clr-chart-line: var(--blue-700);
  --clr-chart-broker-1: var(--purple-400);
  --clr-chart-broker-2: var(--sky-400);
  --clr-chart-broker-3: var(--pink-400);
  --clr-chart-broker-4: var(--teal-400);
  --clr-green: var(--green-bright);
  --clr-green-bg: var(--alpha-green-10);
  --clr-green-border: var(--alpha-green-20);
  --clr-red: var(--red-bright);
  --clr-red-bg: var(--alpha-red-10);
  --clr-red-border: var(--alpha-red-20);
  --clr-warning: var(--yellow-400);
  --clr-warning-bg: var(--alpha-orange-10);
  --clr-warning-border: var(--alpha-orange-20);
  --clr-warning-dot: var(--yellow-400);
  --clr-warning-banner-text: var(--yellow-400);
  --clr-tooltip-bg: var(--neutral-950);
  --clr-tooltip-text: var(--neutral-200);
  --clr-overlay: var(--alpha-black-65);
  --clr-alert-bg: var(--red-darkest);
  --clr-alert-border: var(--red-darker);
  --clr-alert-text: var(--red-bright);
  --clr-search-hl: var(--alpha-orange-10);
  --clr-search-hl-text: var(--yellow-400);
  --clr-primary-hover: var(--blue-500);
  --clr-primary-bg-hover: var(--blue-900);
  --clr-chart-fill: var(--alpha-blue-10);
  --clr-state-success: var(--green-bright);
  --clr-state-success-bg: var(--alpha-green-10);
  --clr-state-success-border: var(--alpha-green-20);
  --clr-state-error: var(--red-bright);
  --clr-state-error-bg: var(--alpha-red-10);
  --clr-state-error-border: var(--alpha-red-20);
  --clr-state-warning: var(--yellow-400);
  --clr-state-warning-bg: var(--alpha-orange-10);
  --clr-state-warning-border: var(--alpha-orange-20);
  --clr-state-information: var(--blue-700);
  --clr-state-information-bg: var(--alpha-blue-20);
  --clr-data-up: var(--green-bright);
  --clr-data-down: var(--red-bright);
  --clr-data-flat: var(--neutral-600);
  --clr-bg-selected: var(--alpha-blue-10);
  --clr-accent-purple: var(--purple-400);
  --clr-accent-sky: var(--sky-400);
  --clr-accent-pink: var(--pink-400);
  --clr-accent-teal: var(--teal-400);
}