:root, [data-theme="dark"] {
  --navy-950: #04070e;
  --navy-900: #070c16;
  --navy-850: #0b111e;
  --navy-800: #101726;
  --navy-750: #161f33;
  --navy-700: #232f49;
  --warm-950: #0c0907;
  --warm-900: #120d0a;
  --warm-850: #17110c;
  --warm-800: #1e160f;
  --warm-750: #281d14;
  --warm-700: #34271b;
  --sand-50: #f6f1e9;
  --sand-100: #ece4d8;
  --sand-200: #d8cdbd;
  --sand-300: #b6a994;
  --sand-400: #8c8170;
  --sand-500: #6b6253;
  --sand-600: #4a4339;
  --wave-foam: #dff4fa;
  --wave-sky: #8ed9ee;
  --wave-aqua: #45c2e0;
  --wave-turquoise: #1fb3cf;
  --wave-lagoon: #0fa3ad;
  --wave-teal: #0f9e8a;
  --wave-seafoam: #27ad7d;
  --royal-200: #9db1ff;
  --royal-400: #6b86fa;
  --royal-500: #4c6ef5;
  --royal-600: #3a57d0;
  --royal-700: #2a41a8;
  --royal-900: #16245f;
  --opal-cyan: #8fe3e6;
  --opal-blue: #9cc4f4;
  --opal-lavender: #c8bdf2;
  --opal-pink: #f4bcd8;
  --opal-peach: #f8cdb0;
  --opal-mint: #b4ecd0;
  --opal-cream: #f3ecd6;
  --opal-cyan-ink: #4bc5cf;
  --opal-blue-ink: #6ea3ee;
  --opal-lavender-ink: #a18fe0;
  --opal-pink-ink: #e88bb8;
  --opal-mint-ink: #6fd6a6;
  --fire-amber: #f8a531;
  --fire-orange: #ec6a1e;
  --fire-ember: #d23a1f;
  --fire-red: #c1121f;
  --fire-deep: #7f1d1d;
  --gold: #d8a93f;
  --gold-bright: #f0c558;
  --gold-dim: #9a7a2e;
  --bg-base: var(--navy-950);
  --bg-app: var(--navy-900);
  --surface-raised: var(--navy-850);
  --surface-card: var(--navy-800);
  --surface-inset: var(--navy-750);
  --surface-glass: rgba(16, 23, 38, 0.55);
  --text-display: #ffffff;
  --text-strong: #f4f4f4;
  --text-body: #e2e2e2;
  --text-secondary: #b8b8b8;
  --text-muted: #8d8d8d;
  --text-dim: #696969;
  --text-on-fire: #1a0d05;
  --border-subtle: rgba(157, 177, 255, 0.09);
  --border-default: rgba(157, 177, 255, 0.16);
  --border-strong: rgba(157, 177, 255, 0.30);
  --border-opal: rgba(110, 180, 240, 0.38);
  --accent: var(--wave-aqua);
  --accent-ink: var(--wave-aqua);
  --accent-soft: rgba(69, 194, 224, 0.12);
  --accent-secondary: var(--royal-400);
  --heat: var(--fire-amber);
  --heat-ink: var(--fire-orange);
  --glass-bg-tint: rgba(255, 255, 255, 0.015);
  --glass-border: rgba(255, 255, 255, 0.45);
  --success: var(--wave-seafoam);
  --success-soft: rgba(39, 173, 125, 0.12);
  --info: var(--wave-aqua);
  --info-soft: rgba(69, 194, 224, 0.12);
  --warning: var(--gold-bright);
  --warning-soft: rgba(240, 197, 88, 0.12);
  --danger: var(--fire-red);
  --danger-soft: rgba(193, 18, 31, 0.14);
  --ring: rgba(69, 194, 224, 0.55);
  --pub-accent-news: var(--wave-seafoam);
  --pub-accent-research: var(--wave-aqua);
  --pub-accent-hipaa: var(--wave-sky);
  --pub-accent-compliance: var(--royal-200);
  --danger-ink: #e05252;
  --text-primary: var(--sand-100);
  --text-tertiary: var(--sand-300);
  --product-warden: #35d3a2;
  --product-reasoning: var(--wave-aqua);
  --product-anchor: var(--royal-400);
  --nav-hover: #38bdf8;
  --on-depth: #06101f;
  --flash-bg: #070b18;
  --wordmark-name: #ffffff;
  --wordmark-hyphen: #cbd5e1;
  --wordmark-ai: #94a3b8;
  --desk-tag: #64748b;
  --band-glass: rgba(9, 13, 24, 0.72);
  --band-hairline: rgba(240, 197, 88, 0.16);
  --well: rgba(11, 17, 30, 0.9);
  --well-border: rgba(157, 177, 255, 0.18);
  --button-outline: rgba(157, 177, 255, 0.32);
  --dust-gold: var(--gold-bright);
  --dust-amber: #e4b452;
  --dust-pale: #ffe08a;
  --emblem-ring: rgba(228, 180, 82, 0.3);
  --shadow-sm: 0 1px 2px rgba(0,0,0,0.40);
  --shadow-md: 0 6px 18px rgba(0,0,0,0.45);
  --shadow-lg: 0 16px 44px rgba(0,0,0,0.55);
  --shadow-xl: 0 30px 80px rgba(0,0,0,0.62);
  --sheen-top: inset 0 1px 0 rgba(223, 244, 250, 0.06);
  --glow-opal: 0 0 0 1px rgba(125,150,251,0.28), 0 0 24px rgba(76,110,245,0.20);
  --glow-wave: 0 0 0 1px rgba(69,194,224,0.30), 0 0 26px rgba(31,179,207,0.22);
  --glow-mint: 0 0 24px rgba(39,173,125,0.22);
  --glow-fire: 0 0 28px rgba(236,106,30,0.22);
  --glow-gold: 0 0 32px rgba(216,169,63,0.30);
  --glass-highlight: inset 0 1.5px 0.5px rgba(255,255,255,0.80), inset 0 -6px 10px -6px rgba(255,255,255,0.45), inset 1px 0 1px -1px rgba(255,255,255,0.30), inset -1px 0 1px -1px rgba(255,255,255,0.30), inset 0 0 14px rgba(255,255,255,0.05);
  --glass-float: 0 10px 30px -8px rgba(0,0,0,0.55);
  --glow-emblem: 0 0 36px rgba(228,180,82,0.14), 0 30px 70px rgba(0,0,0,0.55);
}
[data-theme="light"] {
  --bg-base: #f5f8fc;
  --bg-app: #ffffff;
  --surface-raised: #eef2f8;
  --surface-card: #ffffff;
  --surface-inset: #e4eaf4;
  --surface-glass: rgba(245, 248, 252, 0.72);
  --text-display: #04070e;
  --text-strong: #070c16;
  --text-body: #101726;
  --text-secondary: #3a4760;
  --text-muted: #5c6a86;
  --text-dim: #8290aa;
  --border-subtle: rgba(22, 36, 95, 0.10);
  --border-default: rgba(22, 36, 95, 0.18);
  --border-strong: rgba(22, 36, 95, 0.32);
  --border-opal: rgba(42, 65, 168, 0.45);
  --accent: var(--wave-aqua);
  --accent-ink: #177389;
  --accent-soft: rgba(69, 194, 224, 0.14);
  --accent-secondary: var(--royal-600);
  --heat: var(--fire-amber);
  --heat-ink: var(--fire-orange);
  --success: #1c7b59;
  --success-soft: rgba(39, 173, 125, 0.14);
  --info: #177389;
  --info-soft: rgba(69, 194, 224, 0.14);
  --warning: #89660c;
  --warning-soft: rgba(216, 169, 63, 0.16);
  --danger: var(--fire-red);
  --danger-soft: rgba(193, 18, 31, 0.10);
  --ring: rgba(23, 115, 137, 0.55);
  --pub-accent-news: #1c7b59;
  --pub-accent-research: #177389;
  --pub-accent-hipaa: #167590;
  --pub-accent-compliance: var(--royal-600);
  --danger-ink: var(--fire-red);
  --text-primary: var(--text-body);
  --text-tertiary: var(--text-muted);
  --product-warden: var(--success);
  --product-reasoning: var(--accent-ink);
  --product-anchor: var(--royal-600);
  --nav-hover: var(--accent-ink);
  --flash-bg: var(--bg-base);
  --wordmark-name: var(--text-display);
  --wordmark-hyphen: var(--text-secondary);
  --wordmark-ai: var(--text-secondary);
  --desk-tag: var(--text-muted);
  --band-glass: rgba(245, 248, 252, 0.82);
  --band-hairline: rgba(142, 105, 13, 0.22);
  --well: #ffffff;
  --well-border: rgba(22, 36, 95, 0.18);
  --button-outline: rgba(22, 36, 95, 0.32);
  --dust-gold: var(--gold);
  --dust-amber: var(--gold-dim);
  --dust-pale: #e4b452;
  --emblem-ring: rgba(154, 122, 46, 0.45);
  --shadow-sm: 0 1px 2px rgba(16,23,38,0.10);
  --shadow-md: 0 6px 18px rgba(16,23,38,0.10);
  --shadow-lg: 0 16px 44px rgba(16,23,38,0.14);
  --shadow-xl: 0 30px 80px rgba(16,23,38,0.18);
  --sheen-top: inset 0 1px 0 rgba(255, 255, 255, 0.9);
  --glow-emblem: 0 0 36px rgba(216,169,63,0.28), 0 30px 70px rgba(16,23,38,0.22);
}
:root {
  --space-0: 0;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --space-20: 80px;
  --space-24: 96px;
  --space-32: 128px;
  --container-sm: 640px;
  --container-md: 860px;
  --container-lg: 1120px;
  --container-xl: 1320px;
  --pad-card: 24px;
  --pad-card-lg: 32px;
  --pad-control-x: 20px;
  --pad-control-y: 12px;
  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 18px;
  --radius-xl: 26px;
  --radius-pill: 999px;
  --radius-card: 18px;
  --radius-control: 9px;
  --grad-depth: linear-gradient(100deg, #9db1ff 0%, #6b86fa 28%, #45c2e0 62%, #27ad7d 100%);
  --grad-depth-ink: linear-gradient(100deg, #b9c7ff 0%, #7d96fb 30%, #45c2e0 65%, #2fc08d 100%);
  --grad-depth-on-light: linear-gradient(100deg, #2a41a8 0%, #3a57d0 28%, #0fa3ad 62%, #0f9e8a 100%);
  --grad-wave: linear-gradient(160deg, #8ed9ee 0%, #45c2e0 26%, #1fb3cf 48%, #0fa3ad 68%, #0f9e8a 84%, #27ad7d 100%);
  --grad-opal: linear-gradient(100deg, #9db1ff 0%, #6b86fa 28%, #45c2e0 62%, #27ad7d 100%);
  --grad-opal-ink: linear-gradient(100deg, #b9c7ff 0%, #7d96fb 30%, #45c2e0 65%, #2fc08d 100%);
  --grad-fire: linear-gradient(135deg, #f8a531 0%, #ec6a1e 50%, #d23a1f 100%);
  --grad-wordmark: linear-gradient(90deg, #d8a93f 0%, #f8a531 28%, #ec6a1e 55%, #d23a1f 80%, #c1121f 100%);
  --grad-rule: linear-gradient(90deg, transparent 0%, #6b86fa 18%, #9db1ff 34%, #8ed9ee 50%, #45c2e0 66%, #0f9e8a 82%, transparent 100%);
  --wash-opal: radial-gradient(ellipse 60% 50% at 80% 15%, rgba(76, 110, 245, 0.10) 0%, transparent 70%);
  --wash-amber: radial-gradient(ellipse 70% 60% at 12% 90%, rgba(15, 163, 173, 0.06) 0%, transparent 72%);
  --glass-bg: linear-gradient(180deg, rgba(255,255,255,0.14) 0%, rgba(255,255,255,0.00) 22%, rgba(255,255,255,0.00) 72%, rgba(255,255,255,0.07) 100%);
  --gutter: clamp(20px, 5vw, 64px);
  --bw-hair: 1px;
  --bw-thick: 2px;
  --z-base: 0;
  --z-raised: 10;
  --z-sticky: 100;
  --z-overlay: 1000;
  --z-toast: 1100;
  --dur-fast: 140ms;
  --dur-base: 240ms;
  --dur-slow: 420ms;
  --dur-drift: 16s;
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-inout: cubic-bezier(0.65, 0, 0.35, 1);
  --glass-blur: blur(2px) brightness(1.12) saturate(1.7);
  --font-sans: 'Instrument Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-display: 'Instrument Sans', -apple-system, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, monospace;
  --font-wordmark: 'Orbitron', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-serif: Georgia, 'Iowan Old Style', 'Times New Roman', serif;
}
.display { font-family: var(--font-display); font-size: 56px; line-height: 1.08; font-weight: 700; letter-spacing: -0.02em; }
.h1 { font-family: var(--font-display); font-size: 40px; line-height: 1.12; font-weight: 700; letter-spacing: -0.02em; }
.h2 { font-family: var(--font-display); font-size: 30px; line-height: 1.2; font-weight: 700; letter-spacing: -0.01em; }
.h3 { font-family: var(--font-display); font-size: 22px; line-height: 1.2; font-weight: 700; letter-spacing: -0.01em; }
.h4 { font-family: var(--font-display); font-size: 18px; line-height: 1.2; font-weight: 600; letter-spacing: -0.01em; }
.product-name { font-family: var(--font-display); font-size: 26px; line-height: 1.2; font-weight: 700; letter-spacing: -0.01em; }
.lg { font-family: var(--font-sans); font-size: 17px; line-height: 1.6; font-weight: 400; }
.body { font-family: var(--font-sans); font-size: 15px; line-height: 1.5; font-weight: 400; }
.sm { font-family: var(--font-sans); font-size: 13.5px; line-height: 1.5; font-weight: 400; }
.xs { font-family: var(--font-sans); font-size: 12px; line-height: 1.5; font-weight: 400; }
.eyebrow { font-family: var(--font-mono); font-size: 12px; line-height: 1.5; font-weight: 400; letter-spacing: 0.22em; }
.eyebrow-micro { font-family: var(--font-mono); font-size: 10.5px; line-height: 1.5; font-weight: 400; letter-spacing: 0.22em; }
.label { font-family: var(--font-mono); font-size: 12px; line-height: 1.5; font-weight: 400; letter-spacing: 0.12em; }
.kicker { font-family: var(--font-mono); font-size: 15px; line-height: 1.5; font-weight: 700; letter-spacing: 0.2em; }
.nav { font-family: var(--font-mono); font-size: 14px; line-height: 1; font-weight: 600; letter-spacing: 0.08em; }
.desk-tag { font-family: var(--font-mono); font-size: 12.5px; line-height: 1; font-weight: 600; letter-spacing: 0.12em; }
.meta { font-family: var(--font-mono); font-size: 11px; line-height: 1.5; font-weight: 400; letter-spacing: 0.1em; }
.status { font-family: var(--font-mono); font-size: 15px; line-height: 2; font-weight: 400; letter-spacing: 0.1em; }
.wordmark { font-family: var(--font-wordmark); font-size: 21px; line-height: 1; font-weight: 800; letter-spacing: 0.04em; }
.wordmark-desk { font-family: var(--font-wordmark); font-size: 16px; line-height: 1; font-weight: 800; letter-spacing: 0.04em; }
.lede { font-family: var(--font-serif); font-size: 19px; line-height: 1.6; font-weight: 400; }
.article { font-family: var(--font-serif); font-size: 17px; line-height: 1.72; font-weight: 400; }
.feed { font-family: var(--font-serif); font-size: 15.5px; line-height: 1.62; font-weight: 400; }