:root {
  --tr4-color-onyx-000: #020304;
  --tr4-color-onyx-100: #06080D;
  --tr4-color-onyx-200: #0B0E12;
  --tr4-color-onyx-300: #12171C;
  --tr4-color-platinum: #E8ECEF;
  --tr4-color-platinum-dim: #9CA7AD;
  --tr4-color-platinum-trace: rgba(229, 235, 239, 0.16);
  --tr4-color-platinum-active: rgba(239, 243, 246, 0.34);
  --tr4-color-sovereign-signal: #9ED7CA;
  --tr4-color-critical: #FF768F;
  --tr4-medicine-psychedelic-medicine: #A98CFF;
  --tr4-medicine-cannabinoid-medicine: #65F3AD;
  --tr4-medicine-peptide-therapeutics: #27D8F4;
  --tr4-medicine-hydrogen-medicine: #9ED7CA;
  --tr4-medicine-resonance-medicine: #68FFE4;
  --tr4-medicine-regenerative-medicine: #D9BC60;
  --tr4-material-light-direction: 315deg;
  --tr4-material-void-background: #020304;
  --tr4-material-void-edge: transparent;
  --tr4-material-void-highlight: none;
  --tr4-material-void-shadow: none;
  --tr4-material-glass-background: rgba(6, 8, 13, 0.82);
  --tr4-material-glass-edge: rgba(229, 235, 239, 0.16);
  --tr4-material-glass-highlight: inset 1px 1px 0 rgba(239, 243, 246, 0.06);
  --tr4-material-glass-shadow: 0 18px 48px rgba(0, 0, 0, 0.28);
  --tr4-material-glass-backdrop-filter: blur(18px) saturate(108%);
  --tr4-material-raised-glass-background: linear-gradient(145deg, rgba(18, 23, 28, 0.94), rgba(6, 8, 13, 0.90));
  --tr4-material-raised-glass-edge: rgba(239, 243, 246, 0.34);
  --tr4-material-raised-glass-highlight: inset 1px 1px 0 rgba(239, 243, 246, 0.10);
  --tr4-material-raised-glass-shadow: 12px 22px 64px rgba(0, 0, 0, 0.34);
  --tr4-material-raised-glass-backdrop-filter: blur(22px) saturate(110%);
  --tr4-material-sealed-glass-background: linear-gradient(145deg, rgba(11, 14, 18, 0.98), rgba(2, 3, 4, 0.98));
  --tr4-material-sealed-glass-edge: rgba(229, 235, 239, 0.20);
  --tr4-material-sealed-glass-highlight: inset 1px 1px 0 rgba(239, 243, 246, 0.07);
  --tr4-material-sealed-glass-shadow: 10px 24px 72px rgba(0, 0, 0, 0.40);
  --tr4-material-sealed-glass-backdrop-filter: blur(24px) saturate(104%);
  --tr4-font-display: "Orbitron", "Exo 2", system-ui, sans-serif;
  --tr4-font-body: "Exo 2", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --tr4-font-data: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  --tr4-space-4: 4px;
  --tr4-space-8: 8px;
  --tr4-space-12: 12px;
  --tr4-space-16: 16px;
  --tr4-space-24: 24px;
  --tr4-space-32: 32px;
  --tr4-space-48: 48px;
  --tr4-space-64: 64px;
  --tr4-space-96: 96px;
  --tr4-radius-compact: 10px;
  --tr4-radius-card: 16px;
  --tr4-radius-panel: 24px;
  --tr4-radius-pill: 999px;
  --tr4-motion-duration-micro: 160ms;
  --tr4-motion-duration-state: 280ms;
  --tr4-motion-duration-component: 480ms;
  --tr4-motion-duration-cinematic: 760ms;
  --tr4-motion-easing-standard: cubic-bezier(0.2, 0.8, 0.2, 1);
  --tr4-motion-easing-enter: cubic-bezier(0.22, 1, 0.36, 1);
  --tr4-motion-easing-exit: cubic-bezier(0.4, 0, 1, 1);
  --tr4-motion-pointer-depth-max: 12px;
  --tr4-target-min: 44px;
}