[data-app="bios"] {
  --bios-ground-page: linear-gradient(180deg, #FBFBFC 0%, #F4F4F7 55%, #F2F3F6 100%);
  --bios-ground-page-dark: linear-gradient(180deg, #16131C 0%, #121017 55%, #100E14 100%);
  --bios-ground-solid: #F4F4F7;
  --bios-ground-solid-dark: #121017;
  --bios-ground-band: #FFFFFF;
  --bios-ground-band-dark: #1B1A22;
  --bios-ground-hairline: rgba(27,30,38,0.06);
  --bios-ground-hairline-dark: rgba(255,255,255,0.09);
  --bios-ground-tick: rgba(27,30,38,0.22);
  --bios-ground-tick-dark: rgba(255,255,255,0.28);
  --bios-ground-track: rgba(27,30,38,0.09);
  --bios-ground-track-dark: rgba(255,255,255,0.1);
  --bios-ink-primary: #1B1E26;
  --bios-ink-primary-dark: #F1F1F4;
  --bios-ink-secondary: #5A6070;
  --bios-ink-secondary-dark: rgba(255,255,255,0.6);
  --bios-ink-tertiary: #8A8F9C;
  --bios-ink-tertiary-dark: rgba(255,255,255,0.45);
  --bios-ink-quaternary: #9AA0AC;
  --bios-ink-quaternary-dark: rgba(255,255,255,0.35);
  --bios-signal-recovery: #12A88F;
  --bios-signal-recovery-dark: #3ED3A3;
  --bios-signal-sleep: #4550C8;
  --bios-signal-sleep-dark: #7C8CFF;
  --bios-signal-strain: #C08652;
  --bios-signal-strain-dark: #E0A060;
  --bios-signal-intake: #5E8C22;
  --bios-signal-intake-dark: #8FBF4A;
  --bios-signal-water: #1D7FB0;
  --bios-signal-water-dark: #4FB6E8;
  --bios-signal-age: #C2601F;
  --bios-signal-age-dark: #FFAE73;
  --bios-signal-age-removes: #3F7A5F;
  --bios-signal-age-removes-dark: #6FA88F;
  --bios-brand-violet: #6A5AE0;
  --bios-brand-violet-dark: #8C78FF;
  --bios-aurora-warm: rgba(255,185,140,0.42);
  --bios-aurora-warm-dark: rgba(255,165,105,0.2);
  --bios-aurora-violet: rgba(150,175,255,0.38);
  --bios-aurora-violet-dark: rgba(140,120,255,0.15);
  --bios-aurora-mint: rgba(140,230,195,0.3);
  --bios-aurora-mint-dark: rgba(62,211,163,0.1);
  --bios-aurora-leaf: rgba(199,227,154,0.3);
  --bios-aurora-leaf-dark: rgba(143,191,74,0.1);
  --bios-metric-gutter: 16px;
  --bios-metric-card-radius: 34px;
  --bios-metric-tile-radius: 28px;
  --bios-metric-band-radius: 26px;
  --bios-metric-card-padding: 18px;
  --bios-metric-stack-gap: 12px;
  --bios-metric-row-gap: 13px;
  --bios-metric-track-height: 4px;
  --bios-metric-hairline: 1px;
  --bios-face-sans: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", system-ui, sans-serif;
  --bios-face-mono: ui-monospace, "SF Mono", Menlo, monospace;
  --bios-face-reading-weight: 600;
  --bios-face-greeting-size: 33px;
  --bios-face-title-size: 15px;
  --bios-face-body-size: 13px;
  --bios-face-data-size: 10.5px;
}

@media (prefers-color-scheme: dark) {
  [data-app="bios"] {
    --bios-ground-page: linear-gradient(180deg, #16131C 0%, #121017 55%, #100E14 100%);
    --bios-ground-solid: #121017;
    --bios-ground-band: #1B1A22;
    --bios-ground-hairline: rgba(255,255,255,0.09);
    --bios-ground-tick: rgba(255,255,255,0.28);
    --bios-ground-track: rgba(255,255,255,0.1);
    --bios-ink-primary: #F1F1F4;
    --bios-ink-secondary: rgba(255,255,255,0.6);
    --bios-ink-tertiary: rgba(255,255,255,0.45);
    --bios-ink-quaternary: rgba(255,255,255,0.35);
    --bios-signal-recovery: #3ED3A3;
    --bios-signal-sleep: #7C8CFF;
    --bios-signal-strain: #E0A060;
    --bios-signal-intake: #8FBF4A;
    --bios-signal-water: #4FB6E8;
    --bios-signal-age: #FFAE73;
    --bios-signal-age-removes: #6FA88F;
    --bios-brand-violet: #8C78FF;
    --bios-aurora-warm: rgba(255,165,105,0.2);
    --bios-aurora-violet: rgba(140,120,255,0.15);
    --bios-aurora-mint: rgba(62,211,163,0.1);
    --bios-aurora-leaf: rgba(143,191,74,0.1);
  }
}