/*
 * GENERATED from nebula/web/app/globals.css by bin/sync-nebula-tokens.mjs.
 * Do not edit: change the platform's tokens, then regenerate.
 */

:root {
  --font-space-grotesk: "Space Grotesk", "Space Grotesk Fallback", system-ui, sans-serif;
  --font-geist-mono: "Geist Mono", "Geist Mono Fallback", ui-monospace, monospace;
  --font-ibm-plex-sans: "IBM Plex Sans", "IBM Plex Sans Fallback", system-ui, sans-serif;
  --font-ibm-plex: "IBM Plex Mono", ui-monospace, monospace;
  --font-inter: "Inter", system-ui, sans-serif;
  --font-dm-sans: "DM Sans", system-ui, sans-serif;
  --font-roboto-mono: "Roboto Mono", ui-monospace, monospace;
  --font-silkscreen: "Silkscreen", monospace;
}

:root {
  /* Universal tile gap.
     The single spacing value for the platform's tile system: the gutter between
     tiles in every tile grid, and the padding from the page edge to the outer
     tiles. Tile grids use fixed row tracks, so a full-height tile spanning two
     rows equals two half tiles plus exactly one of these gaps — changing this
     value keeps that relationship intact automatically. */
  --tile-gap: 10px;

  /* Color primitives: generated from the exact values already rendered by the app. */
  --palette-000000: #000000;
  --palette-000000-a0: rgba(0, 0, 0, 0);
  --palette-000000-a12: rgba(0, 0, 0, 0.12);
  --palette-000000-a15: rgba(0, 0, 0, 0.15);
  --palette-000000-a2: rgba(0, 0, 0, 0.02);
  --palette-000000-a20: rgba(0, 0, 0, 0.2);
  --palette-000000-a24: rgba(0, 0, 0, 0.24);
  --palette-000000-a25: rgba(0, 0, 0, 0.25);
  --palette-000000-a30: rgba(0, 0, 0, 0.3);
  --palette-000000-a32: rgba(0, 0, 0, 0.32);
  --palette-000000-a34: rgba(0, 0, 0, 0.34);
  --palette-000000-a35: rgba(0, 0, 0, 0.35);
  --palette-000000-a38: rgba(0, 0, 0, 0.38);
  --palette-000000-a40: rgba(0, 0, 0, 0.4);
  --palette-000000-a42: rgba(0, 0, 0, 0.42);
  --palette-000000-a45: rgba(0, 0, 0, 0.45);
  --palette-000000-a46: rgba(0, 0, 0, 0.46);
  --palette-000000-a48: rgba(0, 0, 0, 0.48);
  --palette-000000-a50: rgba(0, 0, 0, 0.5);
  --palette-000000-a52: rgba(0, 0, 0, 0.52);
  --palette-000000-a55: rgba(0, 0, 0, 0.55);
  --palette-000000-a56: rgba(0, 0, 0, 0.56);
  --palette-000000-a58: rgba(0, 0, 0, 0.58);
  --palette-000000-a6: rgba(0, 0, 0, 0.06);
  --palette-000000-a60: rgba(0, 0, 0, 0.6);
  --palette-000000-a62: rgba(0, 0, 0, 0.62);
  --palette-000000-a65: rgba(0, 0, 0, 0.65);
  --palette-000000-a66: rgba(0, 0, 0, 0.66);
  --palette-000000-a68: rgba(0, 0, 0, 0.68);
  --palette-000000-a70: rgba(0, 0, 0, 0.7);
  --palette-000000-a72: rgba(0, 0, 0, 0.72);
  --palette-000000-a75: rgba(0, 0, 0, 0.75);
  --palette-000000-a76: rgba(0, 0, 0, 0.76);
  --palette-000000-a8: rgba(0, 0, 0, 0.08);
  --palette-000000-a80: rgba(0, 0, 0, 0.8);
  --palette-000000-a82: rgba(0, 0, 0, 0.82);
  --palette-000000-a85: rgba(0, 0, 0, 0.85);
  --palette-000000-a88: rgba(0, 0, 0, 0.88);
  --palette-000000-a90: rgba(0, 0, 0, 0.9);
  --palette-000000-a92: rgba(0, 0, 0, 0.92);
  --palette-000000-a95: rgba(0, 0, 0, 0.95);
  --palette-050505: #050505;
  --palette-06110d: #06110d;
  --palette-080a0a-a68: rgba(8, 10, 10, 0.68);
  --palette-080a0a-a90: rgba(8, 10, 10, 0.9);
  --palette-090909-a97: rgba(9, 9, 9, 0.97);
  --palette-0a0c12-a55: rgba(10, 12, 18, 0.55);
  --palette-0b0b0c: #0b0b0c;
  --palette-0b0b0d: #0b0b0d;
  --palette-0b0d10: #0b0d10;
  --palette-0c0c0e-a72: rgba(12, 12, 14, 0.72);
  --palette-0c0c0e-a96: rgba(12, 12, 14, 0.96);
  --palette-0c0c0e-a98: rgba(12, 12, 14, 0.98);
  --palette-0c0c10-a80: rgba(12, 12, 16, 0.8);
  --palette-0e0e0e: #0e0e0e;
  --palette-101012-a82: rgba(16, 16, 18, 0.82);
  --palette-111213: #111213;
  --palette-111214: #111214;
  --palette-121212-a92: rgba(18, 18, 18, 0.92);
  --palette-141414: #141414;
  --palette-14171f: #14171f;
  --palette-151515: #151515;
  --palette-16161a-a96: rgba(22, 22, 26, 0.96);
  --palette-16161a-a98: rgba(22, 22, 26, 0.98);
  --palette-191a1b: #191a1b;
  --palette-1a1a1a: #1a1a1a;
  --palette-1a1b23-a50: rgba(26, 27, 35, 0.5);
  --palette-1a1b23-a80: rgba(26, 27, 35, 0.8);
  --palette-1b1c1d: #1b1c1d;
  --palette-1f1f1f: #1f1f1f;
  --palette-222222: #222222;
  --palette-22b8f0: #22b8f0;
  --palette-24242a-a98: rgba(36, 36, 42, 0.98);
  --palette-247fff-a10: rgba(36, 127, 255, 0.1);
  --palette-247fff-a30: rgba(36, 127, 255, 0.3);
  --palette-252525: #252525;
  --palette-26272c: #26272c;
  --palette-2a2b30: #2a2b30;
  --palette-3b82f6: #3b82f6;
  --palette-3cffb8: #3cffb8;
  --palette-3cffb8-a10: rgba(60, 255, 184, 0.1);
  --palette-3cffb8-a15: rgba(60, 255, 184, 0.15);
  --palette-3cffb8-a16: rgba(60, 255, 184, 0.16);
  --palette-3cffb8-a20: rgba(60, 255, 184, 0.2);
  --palette-3cffb8-a25: rgba(60, 255, 184, 0.25);
  --palette-3cffb8-a30: rgba(60, 255, 184, 0.3);
  --palette-3cffb8-a40: rgba(60, 255, 184, 0.4);
  --palette-3cffb8-a6: rgba(60, 255, 184, 0.06);
  --palette-3cffb8-a62: rgba(60, 255, 184, 0.62);
  --palette-3cffb8-a90: rgba(60, 255, 184, 0.9);
  --palette-3fb950: #3fb950;
  --palette-4a5578: #4a5578;
  --palette-4c6fff: #4c6fff;
  --palette-4ca074-a58: rgba(76, 160, 116, 0.58);
  --palette-4e5056: #4e5056;
  --palette-52545a: #52545a;
  --palette-55575d: #55575d;
  --palette-59462a: #59462a;
  --palette-5f84f2-a55: rgba(95, 132, 242, 0.55);
  --palette-6b7280: #6b7280;
  --palette-6288d8: #6288d8;
  --palette-666666: #666666;
  --palette-707077: #707077;
  --palette-707077-a10: rgba(112, 112, 119, 0.1);
  --palette-73747a: #73747a;
  --palette-79dba5: #79dba5;
  --palette-85868c: #85868c;
  --palette-87888e: #87888e;
  --palette-87a5ff: #87a5ff;
  --palette-87a5ff-a30: rgba(135, 165, 255, 0.3);
  --palette-8fb3ff: #8fb3ff;
  --palette-8a8a8a: #8a8a8a;
  --palette-8a8f98: #8a8f98;
  --palette-8f9095: #8f9095;
  --palette-94a3b8-a12: rgba(148, 163, 184, 0.12);
  --palette-94a3b8-a15: rgba(148, 163, 184, 0.15);
  --palette-94a3b8-a18: rgba(148, 163, 184, 0.18);
  --palette-94a3b8-a24: rgba(148, 163, 184, 0.24);
  --palette-98a7c4-a48: rgba(152, 167, 196, 0.48);
  --palette-a094ff: #a094ff;
  --palette-9b6bff: #9b6bff;
  --palette-9ca3af-a10: rgba(156, 163, 175, 0.1);
  --palette-9ca3af-a14: rgba(156, 163, 175, 0.14);
  --palette-9ca3af-a20: rgba(156, 163, 175, 0.2);
  --palette-9ca3af-a30: rgba(156, 163, 175, 0.3);
  --palette-a4a5aa: #a4a5aa;
  --palette-a8a8a8: #a8a8a8;
  --palette-a8bcff: #a8bcff;
  --palette-adc6ff-a90: rgba(173, 198, 255, 0.9);
  --palette-b0b7c3: #b0b7c3;
  --palette-b0b7c3-a10: rgba(176, 183, 195, 0.1);
  --palette-b0b7c3-a20: rgba(176, 183, 195, 0.2);
  --palette-b0b7c3-a30: rgba(176, 183, 195, 0.3);
  --palette-b0b7c3-a70: rgba(176, 183, 195, 0.7);
  --palette-b0b7c3-a76: rgba(176, 183, 195, 0.76);
  --palette-b0b7c3-a78: rgba(176, 183, 195, 0.78);
  --palette-becce8-a70: rgba(190, 204, 232, 0.7);
  --palette-c0c0c0: #c0c0c0;
  --palette-c0c0c0-a10: rgba(192, 192, 192, 0.1);
  --palette-c0c0c0-a15: rgba(192, 192, 192, 0.15);
  --palette-c0c0c0-a20: rgba(192, 192, 192, 0.2);
  --palette-c0c0c0-a25: rgba(192, 192, 192, 0.25);
  --palette-c0c0c0-a30: rgba(192, 192, 192, 0.3);
  --palette-c0c0c0-a40: rgba(192, 192, 192, 0.4);
  --palette-c0c0c0-a50: rgba(192, 192, 192, 0.5);
  --palette-c0c0c0-a60: rgba(192, 192, 192, 0.6);
  --palette-c3d2fa-a72: rgba(195, 210, 250, 0.72);
  --palette-c4bcff: #c4bcff;
  --palette-c8c8d0-a35: rgba(200, 200, 208, 0.35);
  --palette-c8c8d0-a75: rgba(200, 200, 208, 0.75);
  --palette-c8b2ff: #c8b2ff;
  --palette-c8cdd7-a35: rgba(200, 205, 215, 0.35);
  --palette-c8cdd7-a50: rgba(200, 205, 215, 0.5);
  --palette-c8cdd7-a75: rgba(200, 205, 215, 0.75);
  --palette-c8d2e6-a50: rgba(200, 210, 230, 0.5);
  --palette-c8d2e6-a60: rgba(200, 210, 230, 0.6);
  --palette-c8d2e6-a62: rgba(200, 210, 230, 0.62);
  --palette-c8d2e6-a70: rgba(200, 210, 230, 0.7);
  --palette-c8d2e6-a72: rgba(200, 210, 230, 0.72);
  --palette-cddaff-a78: rgba(205, 218, 255, 0.78);
  --palette-d0d0d0: #d0d0d0;
  --palette-d0d3d9: #d0d3d9;
  --palette-d0dcf3-a82: rgba(208, 220, 243, 0.82);
  --palette-d4ccff: #d4ccff;
  --palette-d45cff: #d45cff;
  --palette-d9d9dc: #d9d9dc;
  --palette-e2e2e4: #e2e2e4;
  --palette-e2e8f0: #e2e8f0;
  --palette-e2e8f0-a60: rgba(226, 232, 240, 0.6);
  --palette-e2e8f0-a85: rgba(226, 232, 240, 0.85);
  --palette-e4a8f8: #e4a8f8;
  --palette-e5e4e2: #e5e4e2;
  --palette-e6e6e8: #e6e6e8;
  --palette-e8ecf4-a95: rgba(232, 236, 244, 0.95);
  --palette-ec4899-a80: rgba(236, 72, 153, 0.8);
  --palette-ec4899-a90: rgba(236, 72, 153, 0.9);
  --palette-edecea: #edecea;
  --palette-f0f0f0: #f0f0f0;
  --palette-f0f0f0-a10: rgba(240, 240, 240, 0.1);
  --palette-f2f6ff: #f2f6ff;
  --palette-f4f4f6: #f4f4f6;
  --palette-f4f7ff: #f4f7ff;
  --palette-f5b841: #f5b841;
  --palette-f5b841-a16: rgba(245, 184, 65, 0.16);
  --palette-f5b841-a30: rgba(245, 184, 65, 0.3);
  --palette-f5b841-a90: rgba(245, 184, 65, 0.9);
  --palette-f85149: #f85149;
  --palette-f87171: rgb(248, 113, 113);
  --palette-f87171-a35: rgba(248, 113, 113, 0.35);
  --palette-f87171-a40: rgba(248, 113, 113, 0.4);
  --palette-f87171-a75: rgba(248, 113, 113, 0.75);
  --palette-f87171-a90: rgba(248, 113, 113, 0.9);
  --palette-fafafa: #fafafa;
  --palette-fb7185: #fb7185;
  --palette-fca5a5: #fca5a5;
  --palette-ff7b93: #ff7b93;
  --palette-ff7b93-a10: rgba(255, 123, 147, 0.1);
  --palette-ff7b93-a12: rgba(255, 123, 147, 0.12);
  --palette-ff7b93-a14: rgba(255, 123, 147, 0.14);
  --palette-ff7b93-a15: rgba(255, 123, 147, 0.15);
  --palette-ff7b93-a20: rgba(255, 123, 147, 0.2);
  --palette-ff7b93-a28: rgba(255, 123, 147, 0.28);
  --palette-ff7b93-a30: rgba(255, 123, 147, 0.3);
  --palette-ff7b93-a45: rgba(255, 123, 147, 0.45);
  --palette-ff7b93-a50: rgba(255, 123, 147, 0.5);
  --palette-ff7b93-a6: rgba(255, 123, 147, 0.06);
  --palette-ff7b93-a8: rgba(255, 123, 147, 0.08);
  --palette-ff7b93-a80: rgba(255, 123, 147, 0.8);
  --palette-ff7b93-a90: rgba(255, 123, 147, 0.9);
  --palette-ffc878: #ffc878;
  --palette-ffc878-a10: rgba(255, 200, 120, 0.1);
  --palette-ffc878-a50: rgba(255, 200, 120, 0.5);
  --palette-ffc878-a70: rgba(255, 200, 120, 0.7);
  --palette-ffffff: #ffffff;
  --palette-ffffff-a0: rgba(255, 255, 255, 0);
  --palette-ffffff-a10: rgba(255, 255, 255, 0.1);
  --palette-ffffff-a12: rgba(255, 255, 255, 0.12);
  --palette-ffffff-a14: rgba(255, 255, 255, 0.14);
  --palette-ffffff-a15: rgba(255, 255, 255, 0.15);
  --palette-ffffff-a18: rgba(255, 255, 255, 0.18);
  --palette-ffffff-a30: rgba(255, 255, 255, 0.3);
  --palette-ffffff-a35: rgba(255, 255, 255, 0.35);
  --palette-ffffff-a40: rgba(255, 255, 255, 0.4);
  --palette-ffffff-a46: rgba(255, 255, 255, 0.46);
  --palette-ffffff-a4: rgba(255, 255, 255, 0.04);
  --palette-ffffff-a6: rgba(255, 255, 255, 0.06);
  --palette-ffffff-a50: rgba(255, 255, 255, 0.5);
  --palette-ffffff-a55: rgba(255, 255, 255, 0.55);
  --palette-ffffff-a70: rgba(255, 255, 255, 0.7);
  --palette-ffffff-a8: rgba(255, 255, 255, 0.08);
  --palette-ffffff-a88: rgba(255, 255, 255, 0.88);
  --palette-ffffff-a90: rgba(255, 255, 255, 0.9);
  --palette-0d0d0d: #0d0d0d;
  --palette-2e2e2e: #2e2e2e;
  --palette-a3a3a3: #a3a3a3;
  --palette-464646: #464646;
  --palette-595959: #595959;
  --palette-cccccc: #cccccc;
  --palette-606060: #606060;
  --palette-4d4d4d: #4d4d4d;
  /* End color primitives. */

  --primary-main: var(--palette-87a5ff);
  --primary-dark: var(--palette-6288d8);
  --primary-light: var(--palette-a8bcff);
  --red-main: var(--palette-ff7b93);
  --green-main: var(--palette-3cffb8);
  --pink-main: var(--palette-e4a8f8);
  --accent-glow: var(--palette-a094ff);
  --accent-glow-rgb: 160, 148, 255;
  /* Interface state colours. Data visualisation uses the chart palette instead. */
  --status-success: var(--palette-79dba5);
  --status-warning: var(--palette-ffc878);
  --status-warning-dark: var(--palette-59462a);
  --status-danger: var(--red-main);
  --ink: var(--palette-ffffff);
  --ink-secondary: var(--palette-a3a3a3);
  --ink-restricted: var(--palette-606060);
  --line-faint: var(--palette-1a1a1a);
  --line-subtle: var(--palette-2e2e2e);
  --line-divider: var(--palette-464646);
  --line-strong: var(--palette-595959);
  --fill-selected: var(--palette-1a1a1a);
  --surface-raised: var(--palette-0d0d0d);
  --bull: var(--green-main);
  --bear: var(--red-main);
  --data-mark-font-size: 12px;
  --data-mark-line-height: 16px;
  --influence-segment-glow: 0 0 5px 1px color-mix(in srgb, currentColor 60%, transparent), 0 0 12px 2px color-mix(in srgb, currentColor 25%, transparent);
  --influence-value-glow: 0 0 4px color-mix(in srgb, currentColor 75%, transparent), 0 0 10px color-mix(in srgb, currentColor 40%, transparent);
  --price-impact-glow: drop-shadow(0 0 7px color-mix(in srgb, currentColor 78%, transparent)) drop-shadow(0 0 16px color-mix(in srgb, currentColor 34%, transparent));
  /* Current Data Charts categorical and signed-series colours. Runtime canvas
     mirrors live in lib/theme-colors.ts because Canvas cannot resolve var(). */
  --chart-series-1: var(--palette-4c6fff);
  --chart-series-2: var(--palette-8fb3ff);
  --chart-series-3: var(--palette-22b8f0);
  --chart-series-4: var(--palette-9b6bff);
  --chart-series-5: var(--palette-c8b2ff);
  --chart-series-6: var(--palette-d45cff);
  --chart-series-7: var(--palette-4a5578);
  --chart-emotion-positive-strong: var(--palette-3cffb8);
  --chart-emotion-positive-medium: var(--palette-3cffb8-a62);
  --chart-emotion-positive-faint: var(--palette-3cffb8-a25);
  --chart-emotion-negative-strong: var(--palette-ff7b93);
  --chart-emotion-negative-faint: var(--palette-ff7b93-a28);
  --caution: var(--status-warning);
  --caution-dark: var(--status-warning-dark);
  /* Figma controls and structural surfaces use square geometry. */
  --button-chamfer: 21px;
  --button-ink: var(--ink);
  --button-on-ink: var(--bg-base);
  --button-disabled: var(--palette-595959);
  --button-quiet-ink: var(--palette-a3a3a3);
  --button-quiet-border: var(--palette-464646);
  --button-primary-pressed: linear-gradient(to bottom, #b5b5b8, #d9d9db);
  --button-secondary-pressed: linear-gradient(to bottom, #18181b, #303033);
  --button-primary-disabled-fill: #1a1a1c;
  --button-primary-hover-shadow: 0 0 7.5px var(--ink-alpha-40);
  --button-primary-focus-shadow: 0 0 3px var(--ink-alpha-50);
  --button-secondary-hover-filter: drop-shadow(0 0 6px var(--ink-alpha-55)) drop-shadow(0 0 2.5px rgba(255, 255, 255, 0.95));
  --button-secondary-focus-filter: drop-shadow(0 0 5px var(--ink-alpha-40)) drop-shadow(0 0 2.25px rgba(255, 255, 255, 0.8));
  --shadow-icon-hover: 0 0 4px var(--palette-ffffff-a30);
  --shadow-underline-hover: 0 0 4px var(--ink-alpha-70);
  --shadow-underline-focus: 0 0 4px rgba(255, 255, 255, 0.6);
  --button-underline-rule: #b3b3b3;
  --button-underline-pressed: linear-gradient(to right, #e0e0e3, #47474a);
  --text-restricted: var(--palette-606060);
  --text-secondary: var(--palette-cccccc);
  --control-disabled-border: var(--palette-464646);
  --control-disabled-text: var(--palette-4d4d4d);
  --control-radius: var(--radius-control);
  --control-radius-inner: 0px;
  --navigation-switcher-radius: 0px;
  --navigation-outlined-background: transparent;
  --global-search-trigger-height: 28px;
  --subnav-font-family: var(--font-navigation);
  --subnav-font-size: 11px;
  --subnav-font-weight: 500;
  --subnav-font-weight-active: 500;
  --subnav-letter-spacing: 0.06em;
  --subnav-text: var(--custom_text-text3);
  --subnav-text-emphasis: var(--custom_text-text2);
  --input-text: var(--custom_text-text2);
  --input-placeholder: var(--custom_text-text3);
  --input-bg: transparent;
  --input-border: var(--palette-2e2e2e);
  --input-border-hover: var(--palette-a3a3a3);
  --input-border-focus: var(--ink);
  --input-focus-ring: var(--ink);
  --status-danger-tint-6: color-mix(in srgb, var(--status-danger) 6%, transparent);
  --status-danger-tint-30: color-mix(in srgb, var(--status-danger) 30%, transparent);
  --status-danger-tint-16: color-mix(in srgb, var(--status-danger) 16%, transparent);
  --status-danger-tint-45: color-mix(in srgb, var(--status-danger) 45%, transparent);
  --status-danger-tint-8: color-mix(in srgb, var(--status-danger) 8%, transparent);
  --status-danger-tint-10: color-mix(in srgb, var(--status-danger) 10%, transparent);
  --status-success-tint-15: color-mix(in srgb, var(--status-success) 15%, transparent);
  --signal-negative-tint-10: color-mix(in srgb, var(--red-main) 10%, transparent);
  --signal-negative-tint-30: color-mix(in srgb, var(--red-main) 30%, transparent);
  --signal-negative-tint-15: color-mix(in srgb, var(--red-main) 15%, transparent);
  --signal-negative-tint-50: color-mix(in srgb, var(--red-main) 50%, transparent);
  --status-success-tint-12: color-mix(in srgb, var(--status-success) 12%, transparent);
  --status-success-tint-35: color-mix(in srgb, var(--status-success) 35%, transparent);
  --status-danger-tint-12: color-mix(in srgb, var(--status-danger) 12%, transparent);
  --status-danger-tint-35: color-mix(in srgb, var(--status-danger) 35%, transparent);
  --surface-account-raised: color-mix(in srgb, var(--ink) 7%, var(--surface-inset));
  --status-success-tint-10: color-mix(in srgb, var(--status-success) 10%, transparent);
  --status-success-tint-20: color-mix(in srgb, var(--status-success) 20%, transparent);
  --status-danger-tint-20: color-mix(in srgb, var(--status-danger) 20%, transparent);
  --api-accent-emphasis: color-mix(in srgb, var(--api-accent) 85%, var(--ink));
  --status-success-tint-16: color-mix(in srgb, var(--status-success) 16%, transparent);
  --status-success-tint-95: color-mix(in srgb, var(--status-success) 95%, transparent);
  --status-success-tint-85: color-mix(in srgb, var(--status-success) 85%, transparent);
  --status-success-tint-40: color-mix(in srgb, var(--status-success) 40%, transparent);
  --status-danger-tint-14: color-mix(in srgb, var(--status-danger) 14%, transparent);
  --status-danger-tint-50: color-mix(in srgb, var(--status-danger) 50%, transparent);
  --status-danger-tint-80: color-mix(in srgb, var(--status-danger) 80%, transparent);
  /* Shared control states. Components may change composition, but not invent
     new hover, focus, pressed, selected, or disabled treatments. */
  --state-hover-background: var(--ink-alpha-4);
  --state-hover-background-strong: var(--ink-alpha-8);
  --state-selected-background: var(--palette-1a1a1a);
  --state-selected-background-hover: var(--palette-2e2e2e);
  --state-selected-border: var(--ink);
  --state-focus-ring: var(--ink);
  --state-disabled-opacity: 0.46;
  --state-pressed-scale: 0.97;
  /* API/product accent. Chart and third-party brand golds remain domain-owned. */
  --api-accent: var(--palette-ffc878);
  --api-accent-muted: var(--palette-ffc878-a70);
  --api-accent-soft: var(--palette-ffc878-a10);
  --api-accent-border: var(--palette-ffc878-a50);
  --backgrounds-bg1: var(--surface-deep);
  --backgrounds-bg2: var(--surface-inset);
  --backgrounds-bg3: var(--palette-141414);
  --backgrounds-bg4: var(--palette-222222);

  /* Data-table rows, shared by every table in the app so a row lights up the
     same way wherever you meet one. Before these, four tables had four
     different hovers (0.04, 0.06, 0.06, 0.08) and none had striping.

     The hover is the global-search result highlight, which is text1 at 20% --
     the brightest of the set and the one that actually reads as "this row".

     The stripe is a white overlay rather than a flat colour so it composes on
     whatever surface a table sits on. The alpha is set for the surface tables
     ACTUALLY sit on, which is pure black: body is rgb(0,0,0) and the tiles
     over it are transparent. Sizing this for --backgrounds-bg2 instead, as if
     the tiles painted their own surface, put the stripe at rgb(6,6,6) and the
     striping could not be seen at all.

     0.063 * 255 lands on #101010, the value sampled from the reference.

     Row dividers are their own token rather than --border-grey. At 0.18 the
     app's standard border is doing a different job -- separating a card from
     the page -- and repeated every 40px down a table it reads as a grid of
     boxes instead of a list of rows.

     The divider is OPAQUE, and must stay opaque. A translucent line composites
     against the row behind it, so on a striped row it came out brighter than
     on a plain one -- rgb(32,32,32) against rgb(20,20,20) -- and the table
     drew alternating bright and dim lines. Opaque also means the hover tint
     cannot bleed through it, which is what used to light a row's bottom edge
     when the cursor crossed it; that needed a whole extra pin-the-border rule
     per table, and being opaque removes the need for all of them.

     #1a1a1a sits between the two values the translucent line used to take:
     rgb(20,20,20) over a plain row, rgb(32,32,32) over a striped one. Pinning
     it to the plain-row value read too dark once every line matched, because
     half of them had previously been the brighter one. */
  --table-row-hover: var(--palette-b0b7c3-a20);
  --table-row-stripe: var(--ink-alpha-8);
  --table-row-border: var(--palette-1a1a1a);
  /* How loudly a scheduled event reads, in three steps.
     Roles rather than new colours: high and medium resolve to the interface's
     own danger and warning colours, low to muted text on the shared hover
     fill. The surface half of each pair tints the WHOLE row, which is what
     lets a calendar read as bands of weight before any of it is read as
     words; the text half is the pill's label on top of it. */
  --event-impact-high: var(--status-danger);
  --event-impact-high-surface: var(--palette-ff7b93-a10);
  --event-impact-medium: var(--status-warning);
  --event-impact-medium-surface: var(--palette-ffc878-a10);
  --event-impact-low: var(--custom_text-text3);
  --event-impact-low-surface: var(--state-hover-background-strong);
  /* Muted text. Deliberately the same family as text3 rather than a much
     darker grey — the old #707077 read as disabled, not secondary. */
  --custom_text-text2: var(--ink);
  --custom_text-text3: var(--palette-a3a3a3);
  --custom_text-text4: var(--ink);
  --text-primary: var(--custom_text-text3);
  
  /* Global border color - used for cards, tables, insights, etc. */
  --border-grey: var(--palette-2e2e2e);
  --border-grey-subtle: var(--palette-1a1a1a);
  
  /* Base background color */
  --bg-base: var(--palette-000000);

  /* Floating UI surfaces: modals, menus, popovers, hover cards, and tooltips. */
  --surface-overlay: var(--palette-0d0d0d);
  --border-overlay: var(--palette-2e2e2e);
  --blur-overlay: 4px;

  /* Compact spacing scale; existing pixel spacing maps without changing density. */
  --space-0-5: 2px;
  --space-1: 4px;
  --space-1-5: 6px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;

  /* Round geometry remains available for avatars and circular indicators. */
  --radius-pill: 999px;
  --radius-circle: 50%;
  --radius-surface: 0px;
  --radius-control: 0px;
  --radius-popover: var(--radius-surface);
  --radius-modal: var(--radius-surface);

  /* Shared depth system for the live application. */
  --ease-out-ui: cubic-bezier(0.23, 1, 0.32, 1);
  --ease-layout-ui: cubic-bezier(0.32, 0.72, 0, 1);
  /* Shared interaction motion. Keep these few and semantic: controls respond
     fastest, floating UI follows, and dialogs carry the most visual weight. */
  --motion-control-fast: 120ms;
  --motion-control: 160ms;
  --motion-tooltip: 150ms;
  --motion-popover: 180ms;
  --motion-dialog: 200ms;
  --motion-agent: 220ms;
  /* The chart's own rules, by what each one IS rather than by its hue. These
     were six repeated raw literals across ChartAxes, ChartCrosshairLines,
     CallsPriceChart and CallsSupportingPane; the alphas are carried over
     exactly, so nothing re-renders. */
  /* Muted icon fill: the small glyphs that sit beside a metric and must not
     compete with it. Was #6b7280 repeated twelve times across the feed's
     engagement rows. */
  --icon-muted: var(--palette-a3a3a3);
  --chart-grid-line: var(--ink-alpha-6);
  --chart-axis-line: var(--ink-alpha-14);
  --chart-zero-line: var(--ink-alpha-30);
  --chart-crosshair-line: var(--ink-alpha-35);
  --scrim-modal: var(--palette-000000-a66);
  --scrim-subtle: var(--palette-000000-a50);
  --shadow-control: 0 1px 3px var(--palette-000000-a30);
  --shadow-control-inset: inset 0 0 0 1px var(--palette-000000-a8);
  --shadow-text-contrast: 0 1px 2px var(--palette-000000-a70);
  --shadow-tooltip: 0 4px 12px var(--palette-000000-a40);
  --shadow-raised: 0 8px 24px var(--palette-000000-a40);
  --shadow-popover: 0 12px 32px var(--palette-000000-a50);
  --shadow-popover-up: 0 -12px 32px var(--palette-000000-a50);
  --shadow-modal: 0 28px 72px var(--palette-000000-a62);
  --shadow-dock: 0 -12px 32px var(--palette-000000-a55), 0 -28px 72px var(--palette-000000-a30);

  /* Fixed top nav heights — layout padding + nav menu overlay positioning */
  --app-topbar-height: 48px;
  --app-mobile-navbar-height: 50px;
  --app-sidebar-collapsed-width: 56px;
  --app-sidebar-expanded-width: 248px;
  --app-agent-sidebar-width: clamp(420px, 36vw, 720px);
  --app-agent-layer-z: 15000;
  --app-nav-z: 16000;
  
  /* Typography family sources. These describe installed families only. */
  --font-family-space-grotesk: var(--font-space-grotesk), sans-serif;
  --font-family-geist-mono: var(--font-geist-mono), monospace;
  --font-family-ibm-plex-sans: var(--font-ibm-plex-sans), sans-serif;

  /* Typography switchboard. Change family assignments here, never in a page. */
  --font-app: var(--font-family-space-grotesk);
  --font-navigation: var(--font-family-geist-mono);
  --navigation-control-font-size: 11px;
  --navigation-control-font-weight: 500;
  --navigation-control-line-height: 1.2;
  --navigation-control-letter-spacing: 0.06em;
  --font-display: var(--font-family-space-grotesk);
  --font-page-title: var(--font-display);
  --font-standalone: var(--font-display);
  --font-technical: var(--font-family-geist-mono);
  --font-agent-technical: var(--font-technical);

  /* Semantic typography roles and backwards-compatible aliases. */
  --font-heading: var(--font-display);
  --font-heading-weight: 500;
  --font-body: var(--font-app);
  --font-title: var(--font-family-ibm-plex-sans);
  --font-label: var(--font-navigation);
  --font-ticker: var(--font-technical);
  --font-tile-title: var(--font-title);
  --font-tile-title-weight: 500;
  --font-tile-title-offset-y: 0px;
  --font-numeric: var(--font-technical);
  --font-mono: var(--font-technical);

  /* Figma semantic typography. Compact component titles share one scale;
     route-level titles use the explicit page scale. */
  --type-body-font-family: var(--font-body);
  --type-body-font-size: 16px;
  --type-body-font-weight: 400;
  --type-body-line-height: 1.4;
  --type-body-letter-spacing: 0.01em;
  --type-body-text-transform: none;
  --type-body-color: inherit;

  --type-body-small-font-family: var(--font-body);
  --type-body-small-font-size: 12px;
  --type-body-small-font-weight: 400;
  --type-body-small-line-height: 1.45;
  --type-body-small-letter-spacing: 0;
  --type-body-small-text-transform: none;
  --type-body-small-color: inherit;

  --type-title-font-family: var(--font-title);
  --type-title-font-size: var(--type-body-small-font-size);
  --type-title-font-weight: 500;
  --type-title-line-height: 16px;
  --type-title-letter-spacing: 0.15em;
  --type-title-text-transform: uppercase;
  --type-title-color: inherit;

  /* Dense title treatment shared by chart headers, table tabs, applied filters,
     and the compact market-digest headlines. */
  --type-title-dense-font-family: var(--font-tile-title);
  --type-title-dense-font-size: 11px;
  --type-title-dense-font-weight: 500;
  --type-title-dense-line-height: 13px;
  --type-title-dense-letter-spacing: 1px;
  --type-title-dense-text-transform: uppercase;

  --type-page-title-font-size: 32px;
  --type-display-title-font-family: var(--type-title-font-family);
  --type-display-title-font-size: 28px;
  --type-display-title-font-weight: 300;
  --type-display-title-line-height: 36px;
  --type-display-title-letter-spacing: 0.15em;
  --type-page-title-line-height: 1.05;
  --type-page-title-font-family: var(--font-page-title);
  --type-page-title-letter-spacing: -0.01em;
  --type-page-title-text-transform: none;

  --type-label-font-family: var(--font-label);
  --type-label-font-size: 11px;
  --type-label-font-weight: 500;
  --type-label-line-height: 1.2;
  --type-label-letter-spacing: 0.06em;
  --type-label-text-transform: uppercase;
  --type-label-color: inherit;

  --type-column-label-font-family: var(--font-label);
  --type-column-label-font-size: 11px;
  --type-column-label-font-weight: 500;
  --type-column-label-line-height: 1.2;
  --type-column-label-letter-spacing: 0.06em;
  --type-column-label-text-transform: uppercase;
  --type-column-label-color: inherit;

  --type-metadata-font-family: var(--font-body);
  --type-metadata-font-size: 11px;
  --type-metadata-font-weight: 400;
  --type-metadata-line-height: 1.4;
  --type-metadata-letter-spacing: 0;
  --type-metadata-text-transform: none;
  --type-metadata-color: inherit;

  --type-ticker-font-family: var(--font-ticker);
  --type-ticker-font-size: 13px;
  --type-ticker-font-weight: 500;
  --type-ticker-line-height: 1.2;
  --type-ticker-letter-spacing: 0;
  --type-ticker-text-transform: uppercase;
  --type-ticker-color: inherit;

  --type-numeric-font-family: var(--font-numeric);
  --type-numeric-font-size: 13px;
  --type-numeric-font-weight: 500;
  --type-numeric-line-height: 1.2;
  --type-numeric-letter-spacing: 0;
  --type-numeric-text-transform: none;
  --type-numeric-color: inherit;

  --type-code-font-family: var(--font-mono);
  --type-code-font-size: 13px;
  --type-code-font-weight: 400;
  --type-code-line-height: 1.4;
  --type-code-letter-spacing: 0;
  --type-code-text-transform: none;
  --type-code-color: inherit;

  --type-placeholder-font-family: var(--font-body);
  --type-placeholder-font-size: inherit;
  --type-placeholder-font-weight: 400;
  --type-placeholder-line-height: 1.2;
  --type-placeholder-letter-spacing: 0;
  --type-placeholder-text-transform: none;
  --type-placeholder-color: var(--input-placeholder);
  
  /* Responsive spacing variables - dynamic padding that scales with viewport */
  /* Mobile: 320px - 767px - scales from 8px to 16px */
  --page-padding-horizontal-mobile: clamp(8px, 2vw, 16px);
  --page-padding-vertical-mobile: clamp(12px, 3vw, 16px);
  
  /* Tablet: 768px - 1199px - scales from 16px to 96px */
  --page-padding-horizontal-tablet: clamp(16px, 5vw, 96px);
  --page-padding-vertical-tablet: clamp(8px, 1.5vw, 24px);
  
  /* Desktop: 1200px+ - minimum padding always applied, then scales up */
  --page-padding-right-desktop: clamp(32px, 4vw, 400px);
  --page-padding-left-desktop: var(--page-padding-right-desktop);
  --page-padding-horizontal-desktop: var(--page-padding-right-desktop); /* For backwards compatibility */
  
  --page-padding-vertical-desktop: clamp(8px, 1.5vw, 24px);
  
  /* Content max-width - content stops expanding at this width (same for all pages) */
  --content-max-width: 1040px;
}

:root {
  --ink-soft: var(--palette-f0f0f0);
  --brand-cursor: #edecec;
  --text-subtle: var(--palette-b0b7c3);
  --surface-inset: var(--palette-0e0e0e);
  --surface-subtle: var(--palette-191a1b);
  --surface-active: var(--palette-252525);
  --surface-deep: var(--palette-050505);
  --ink-alpha-0: var(--palette-ffffff-a0);
  --ink-alpha-10: var(--palette-ffffff-a10);
  --ink-alpha-12: var(--palette-ffffff-a12);
  --ink-alpha-14: var(--palette-ffffff-a14);
  --ink-alpha-15: var(--palette-ffffff-a15);
  --ink-alpha-18: var(--palette-ffffff-a18);
  --ink-alpha-30: var(--palette-ffffff-a30);
  --ink-alpha-35: var(--palette-ffffff-a35);
  --ink-alpha-40: var(--palette-ffffff-a40);
  --ink-alpha-46: var(--palette-ffffff-a46);
  --ink-alpha-4: var(--palette-ffffff-a4);
  --ink-alpha-6: var(--palette-ffffff-a6);
  --ink-alpha-50: var(--palette-ffffff-a50);
  --ink-alpha-55: var(--palette-ffffff-a55);
  --ink-alpha-70: var(--palette-ffffff-a70);
  --ink-alpha-8: var(--palette-ffffff-a8);
  --ink-alpha-88: var(--palette-ffffff-a88);
  --ink-alpha-90: var(--palette-ffffff-a90);
  --text-opacity-30: var(--palette-ffffff-a30);
  --text-opacity-40: var(--palette-ffffff-a40);
  --text-opacity-50: var(--palette-ffffff-a50);
  --text-opacity-55: var(--palette-ffffff-a55);
  --text-opacity-70: var(--palette-ffffff-a70);
  --text-opacity-90: var(--palette-ffffff-a90);
}

@media (prefers-contrast: more) {
  :root {
    --border-overlay: var(--border-grey);
  }
}

:where(.type-body),
:where(.font-body) {
  font-family: var(--type-body-font-family);
  font-size: var(--type-body-font-size);
  font-weight: var(--type-body-font-weight);
  line-height: var(--type-body-line-height);
  letter-spacing: var(--type-body-letter-spacing);
  text-transform: var(--type-body-text-transform);
  color: var(--type-body-color);
}

:where(.type-body-small) {
  font-family: var(--type-body-small-font-family);
  font-size: var(--type-body-small-font-size);
  font-weight: var(--type-body-small-font-weight);
  line-height: var(--type-body-small-line-height);
  letter-spacing: var(--type-body-small-letter-spacing);
  text-transform: var(--type-body-small-text-transform);
  color: var(--type-body-small-color);
}

:where(.type-title),
:where(.heading),
:where(.font-heading) {
  font-family: var(--type-title-font-family);
  font-size: var(--type-title-font-size);
  font-weight: var(--type-title-font-weight) !important;
  line-height: var(--type-title-line-height);
  letter-spacing: var(--type-title-letter-spacing);
  text-transform: var(--type-title-text-transform);
  color: var(--type-title-color);
}

:where(.type-title-page) {
  font-size: var(--type-page-title-font-size);
  line-height: var(--type-page-title-line-height);
  font-family: var(--type-page-title-font-family);
  letter-spacing: var(--type-page-title-letter-spacing);
  text-transform: var(--type-page-title-text-transform);
}

:where(.type-display-title) {
  font-family: var(--type-display-title-font-family);
  font-size: var(--type-display-title-font-size);
  font-weight: var(--type-display-title-font-weight);
  line-height: var(--type-display-title-line-height);
  letter-spacing: var(--type-display-title-letter-spacing);
  text-transform: uppercase;
  color: var(--ink);
}

:where(.type-label) {
  font-family: var(--type-label-font-family);
  font-size: var(--type-label-font-size);
  font-weight: var(--type-label-font-weight);
  line-height: var(--type-label-line-height);
  letter-spacing: var(--type-label-letter-spacing);
  text-transform: var(--type-label-text-transform);
  color: var(--type-label-color);
}

:where(.type-column-label) {
  font-family: var(--type-column-label-font-family);
  font-size: var(--type-column-label-font-size);
  font-weight: var(--type-column-label-font-weight);
  line-height: var(--type-column-label-line-height);
  letter-spacing: var(--type-column-label-letter-spacing);
  text-transform: var(--type-column-label-text-transform);
  color: var(--type-column-label-color);
}

:where(.type-metadata) {
  font-family: var(--type-metadata-font-family);
  font-size: var(--type-metadata-font-size);
  font-weight: var(--type-metadata-font-weight);
  line-height: var(--type-metadata-line-height);
  letter-spacing: var(--type-metadata-letter-spacing);
  text-transform: var(--type-metadata-text-transform);
  color: var(--type-metadata-color);
}

:where(.type-ticker) {
  font-family: var(--type-ticker-font-family);
  font-size: var(--type-ticker-font-size);
  font-weight: var(--type-ticker-font-weight);
  line-height: var(--type-ticker-line-height);
  letter-spacing: var(--type-ticker-letter-spacing);
  text-transform: var(--type-ticker-text-transform);
  color: var(--type-ticker-color);
  white-space: nowrap;
}

:where(.type-numeric),
:where(.font-numeric),
:where(.numeric),
:where(.stat-number),
:where(.stat-value) {
  font-family: var(--type-numeric-font-family);
  font-size: var(--type-numeric-font-size);
  font-weight: var(--type-numeric-font-weight);
  line-height: var(--type-numeric-line-height);
  letter-spacing: var(--type-numeric-letter-spacing);
  text-transform: var(--type-numeric-text-transform);
  color: var(--type-numeric-color);
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum" 1, "lnum" 1;
}

:where(.type-code),
:where(code),
:where(pre) {
  font-family: var(--type-code-font-family);
  font-size: var(--type-code-font-size);
  font-weight: var(--type-code-font-weight);
  line-height: var(--type-code-line-height);
  letter-spacing: var(--type-code-letter-spacing);
  text-transform: var(--type-code-text-transform);
  color: var(--type-code-color);
}

:where(.type-placeholder) {
  font-family: var(--type-placeholder-font-family);
  font-size: var(--type-placeholder-font-size);
  font-weight: var(--type-placeholder-font-weight);
  line-height: var(--type-placeholder-line-height);
  letter-spacing: var(--type-placeholder-letter-spacing);
  text-transform: var(--type-placeholder-text-transform);
  color: var(--type-placeholder-color);
}

:root[data-theme="light"] {
  color-scheme: light;
  --brand-cursor: var(--ink);
  --ink: #000000;
  --ink-soft: #141414;
  --text-subtle: #464b55;
  --surface-inset: #f0f0f0;
  --surface-subtle: #f5f5f5;
  --surface-active: #e5e5e5;
  --surface-deep: #fafafa;
  --ink-alpha-0: rgba(0, 0, 0, 0);
  --ink-alpha-10: rgba(0, 0, 0, 0.1);
  --ink-alpha-12: rgba(0, 0, 0, 0.12);
  --ink-alpha-14: rgba(0, 0, 0, 0.14);
  --ink-alpha-15: rgba(0, 0, 0, 0.15);
  --ink-alpha-18: rgba(0, 0, 0, 0.18);
  --ink-alpha-30: rgba(0, 0, 0, 0.3);
  --ink-alpha-35: rgba(0, 0, 0, 0.35);
  --ink-alpha-40: rgba(0, 0, 0, 0.4);
  --ink-alpha-46: rgba(0, 0, 0, 0.46);
  --ink-alpha-4: rgba(0, 0, 0, 0.04);
  --ink-alpha-6: rgba(0, 0, 0, 0.06);
  --ink-alpha-50: rgba(0, 0, 0, 0.5);
  --ink-alpha-55: rgba(0, 0, 0, 0.55);
  --ink-alpha-70: rgba(0, 0, 0, 0.7);
  --ink-alpha-8: rgba(0, 0, 0, 0.08);
  --ink-alpha-88: rgba(0, 0, 0, 0.88);
  --ink-alpha-90: rgba(0, 0, 0, 0.9);
  --text-opacity-30: #5b616e;
  --text-opacity-40: #5b616e;
  --text-opacity-50: #464b55;
  --text-opacity-55: #464b55;
  --text-opacity-70: #32353d;
  --text-opacity-90: #0a0b0d;
  --bg-base: #ffffff;
  --custom_text-text2: var(--ink);
  --custom_text-text3: #32353d;
  --custom_text-text4: var(--ink);
  --ink-secondary: #464b55;
  --ink-restricted: #a6a6a6;
  --text-restricted: #a6a6a6;
  --text-secondary: #32353d;
  --line-faint: #e4e4e4;
  --line-subtle: #dcdcdc;
  --line-divider: #b8b8b8;
  --line-strong: #8a8a8a;
  --fill-selected: #e5e5e5;
  --surface-raised: #f5f5f5;
  --surface-overlay: #f5f5f5;
  --border-overlay: #dcdcdc;
  --border-grey: #dcdcdc;
  --border-grey-subtle: #e4e4e4;
  --backgrounds-bg1: #fafafa;
  --backgrounds-bg2: #f5f5f5;
  --backgrounds-bg3: #f0f0f0;
  --backgrounds-bg4: #e5e5e5;
  --state-selected-background: #e5e5e5;
  --state-selected-background-hover: #eeeeee;
  --button-disabled: #a6a6a6;
  --button-quiet-ink: #32353d;
  --button-quiet-border: #b8b8b8;
  --button-primary-pressed: linear-gradient(to bottom, var(--line-strong), var(--line-divider));
  --button-secondary-pressed: linear-gradient(to bottom, var(--surface-raised), var(--fill-selected));
  --button-primary-disabled-fill: var(--surface-raised);
  --button-secondary-hover-filter: drop-shadow(0 0 6px var(--ink-alpha-55)) drop-shadow(0 0 2.5px rgba(0, 0, 0, 0.95));
  --button-secondary-focus-filter: drop-shadow(0 0 5px var(--ink-alpha-40)) drop-shadow(0 0 2.25px rgba(0, 0, 0, 0.8));
  --shadow-underline-focus: 0 0 4px var(--palette-000000-a60);
  --button-underline-rule: var(--ink-secondary);
  --button-underline-pressed: linear-gradient(to right, var(--ink), var(--line-strong));
  --control-disabled-border: #b8b8b8;
  --control-disabled-text: #a6a6a6;
  --input-border: #dcdcdc;
  --input-border-hover: #32353d;
  --table-row-hover: rgba(0, 0, 0, 0.06);
  --table-row-stripe: rgba(0, 0, 0, 0.03);
  --table-row-border: #e4e4e4;
  --icon-muted: #32353d;
  --green-main: #098551;
  --red-main: #cf202f;
  --status-success: var(--green-main);
  --primary-main: #0052ff;
  --primary-dark: #003ec1;
  --primary-light: #105eff;
  --accent-glow: #7743d7;
  --pink-main: #b33aa2;
  --chart-series-1: #0052ff;
  --chart-series-2: #105eff;
  --chart-series-3: #007bb3;
  --chart-series-4: #7743d7;
  --chart-series-5: #8a55e9;
  --chart-series-6: #b33aa2;
  --chart-series-7: #4a5578;
  --chart-emotion-positive-strong: #025332;
  --chart-emotion-positive-medium: #047043;
  --chart-emotion-positive-faint: var(--green-main);
  --chart-emotion-negative-strong: #910510;
  --chart-emotion-negative-faint: var(--red-main);
  --shadow-text-contrast: none;
  --status-warning: #8a5a00;
  --status-warning-dark: #d6c5a6;
  --api-accent: #8a5a00;
  --api-accent-muted: rgba(138, 90, 0, 0.7);
  --api-accent-soft: rgba(138, 90, 0, 0.1);
  --api-accent-border: rgba(138, 90, 0, 0.5);
  --event-impact-high-surface: rgba(196, 33, 63, 0.1);
  --event-impact-medium-surface: rgba(138, 90, 0, 0.1);
  --shadow-popover: 0 12px 32px rgba(0, 0, 0, 0.15);
  --shadow-modal: 0 28px 72px rgba(0, 0, 0, 0.2);
  --chart-grid-line: rgba(0, 0, 0, 0.08);
  --chart-axis-line: rgba(0, 0, 0, 0.18);
  --chart-zero-line: rgba(0, 0, 0, 0.3);
  --chart-crosshair-line: rgba(0, 0, 0, 0.45);
}