:root {
  color-scheme: dark;
  --background: #0b121b;
  --surface: #121d29;
  --surface-raised: #1a2838;
  --surface-deep: #0e1823;
  --text: #edf3fa;
  --muted: #a6b6c9;
  --accent: #64b7ff;
  --accent-strong: #1c6abb;
  --accent-hover: #2579ce;
  --accent-soft: #132e48;
  --border: #293b50;
  --grid: #213144;
  --danger: #ffb8b8;
  --danger-bg: #351d28;
  --warning: #ffd49b;
  --warning-bg: #30261b;
  --warning-line: #78563c;
  --success: #98dfbb;
  --success-bg: #153329;
  --warm: #ffa85b;
  --warm-soft: #30241e;
  --focus: #ffdb8a;
  --chart-previous: #64798f;
  --backdrop: #02060bc9;
  --shadow: 0 1rem 3rem #0004;
  --hero-gradient: linear-gradient(130deg, #122a40 0%, #122132 55%, #111d2a 100%);
  --brand-gradient: linear-gradient(135deg, #ffb562, #ed823d);
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;
  --radius: 1.25rem;
  --radius-small: 0.75rem;
  --radius-pill: 999rem;
  --line: 1px;
  --font-meta: 0.875rem;
  --font-body: 1rem;
  --font-section: 1.25rem;
  --font-title-min: 2rem;
  --font-title-max: 2.5rem;
  --font-metric: 2.25rem;
  --font-temperature: clamp(4rem, 12vw, 5.5rem);
  --font-brand: 1.25rem;
  --font-caption: 0.75rem;
  --leading: 1.55;
  --heading-leading: 1.15;
  --tracking: 0.13em;
  --tracking-tight: -0.045em;
  --content-width: 74rem;
  --login-width: 30rem;
  --panel-min: 23rem;
  --field-min: 14rem;
  --opacity-disabled: 0.5;
  --opacity-partial: 0.62;
  --opacity-full: 1;
  --touch: 3rem;
  --chart-height: 16rem;
  --chart-fill-top: 0.3;
  --chart-stroke: 2.5;
  --chart-dash: 3 5;
  --logo-height: 2.5rem;
  --icon-size: 1.3rem;
  --icon-stroke: 1.7;
  --nav-height: 4.5rem;
  --header-height: 5rem;
  --sheet-width: 32rem;
  --sheet-handle-width: 2.5rem;
  --sheet-handle-height: 0.25rem;
  --status-size: 0.45rem;
  --weight-body: 400;
  --weight-medium: 550;
  --weight-bold: 720;
  --layer-nav: 20;
  --layer-header: 10;
  --layer-skip: 50;
  --content-padding: clamp(1rem, 3vw, 2rem);
  --font-mono: ui-monospace, 'SFMono-Regular', Consolas, monospace;
  font-family:
    ui-sans-serif,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    'Segoe UI',
    sans-serif;
  font-size: var(--font-body);
  line-height: var(--leading);
  background: var(--background);
  color: var(--text);
  -webkit-tap-highlight-color: transparent;
}
