/* Generiert von scripts/build.mjs aus packages/shared/src/tokens. Nicht von Hand ändern. */
:root {
  color-scheme: light dark;
  --bg: #F3F5F7;
  --surface: #FFFFFF;
  --surface-raised: #FFFFFF;
  --surface-sunken: #E7EAED;
  --text: #12161B;
  --text-muted: #565B63;
  --accent: #007C81;
  --border: #DDE0E4;
  --border-strong: #81878D;
  --danger: #C32837;
  --success: #3E7E23;
  --text-on-accent: #FFFFFF;
  --text-on-danger: #FFFFFF;
  --fill: #E3E6EB;
  --scrim: rgba(12,16,21,0.48);
  --disabled: #E2E5E8;
  --disabled-text: #94999E;
  --focus-ring: #006870;
  --accent-subtle: #D7F4F5;
  --accent-muted: #0A7E83;
  --accent-strong: #005C60;
  --success-subtle: #E3F7DD;
  --success-muted: #518C3B;
  --success-strong: #2F6419;
  --danger-subtle: #FEE9E8;
  --danger-muted: #E1595B;
  --danger-strong: #9C1828;
  --macro-protein: #654BD4;
  --macro-carbs: #B6770B;
  --macro-fat: #CB5AC3;
  --flame: #E8590C;
  --flame-core: #FFC233;
  --heat-1: #A3DDE0;
  --heat-2: #73B9BC;
  --heat-3: #46999D;
  --heat-4: #007C81;
  --shadow-rested: 0px 1px 3px rgba(12,16,21,0.04), 0px 8px 24px rgba(12,16,21,0.06);
  --shadow-raised: 0px 2px 8px rgba(12,16,21,0.06), 0px 12px 32px rgba(12,16,21,0.10);
  --shadow-lifted: 0px 4px 12px rgba(12,16,21,0.10), 0px 18px 40px rgba(12,16,21,0.16);
  --hero-from: #0C0F12;
  --hero-via: #00282A;
  --hero-to: #003F42;
  --hero-glow: #28D6DF;
  --hero-glow-opacity: 0.22;
  --hero-text: #F2F4F6;
  --hero-text-muted: #A3A8AF;
  --hero-track: rgba(242,244,246,0.14);
  --hero-fill: #28D6DF;
  --hero-control: rgba(242,244,246,0.12);
  --hero-pill: rgba(40,214,223,0.16);
  --hero-pill-text: #8AE8ED;
  --stage-surface: #13161A;
  --stage-raised: #1B1E23;
  --stage-fill: #24282D;
  --stage-border: #292D32;
  --stage-accent: #28D6DF;
  --stage-accent-strong: #8AE8ED;
  --stage-on-accent: #0C1015;
  --stage-success: #7BC85F;
  --stage-focus: #85E3EB;
  --bogi-body: #28D6DF;
  --bogi-shade: #00A0A6;
  --bogi-deep: #007C81;
  --bogi-belly: #8AE8ED;
  --bogi-groove: #00A1A7;
  --bogi-ink: #0C1015;
  --bogi-white: #FFFFFF;
  --bogi-band: #F56365;
  --bogi-band-dark: #CE5053;
  --bogi-lace: #DDE0E4;
  --bogi-blush: #FDA1A0;
  --bogi-spark: #F9BB51;
  --bogi-sweat: #8AE8ED;
}
@media (prefers-color-scheme: dark) {
  :root {
    --bg: #0C0F12;
    --surface: #13161A;
    --surface-raised: #1B1E23;
    --surface-sunken: #040608;
    --text: #F2F4F6;
    --text-muted: #A3A8AF;
    --accent: #28D6DF;
    --border: #292D32;
    --border-strong: #696F77;
    --danger: #F56365;
    --success: #7BC85F;
    --text-on-accent: #0C1015;
    --text-on-danger: #0C1015;
    --fill: #24282D;
    --scrim: rgba(0,0,0,0.62);
    --disabled: #1F2225;
    --disabled-text: #52565B;
    --focus-ring: #85E3EB;
    --accent-subtle: #003335;
    --accent-muted: #00A0A6;
    --accent-strong: #8AE8ED;
    --success-subtle: #1C2F16;
    --success-muted: #579241;
    --success-strong: #AAE496;
    --danger-subtle: #3F1919;
    --danger-muted: #CE5053;
    --danger-strong: #FDA1A0;
    --macro-protein: #988CFC;
    --macro-carbs: #F9BB51;
    --macro-fat: #CF62C2;
    --flame: #FF8A3D;
    --flame-core: #FFD25E;
    --heat-1: #004A4D;
    --heat-2: #007277;
    --heat-3: #00A1A7;
    --heat-4: #28D6DF;
    --shadow-rested: none;
    --shadow-raised: inset 0px 1px 0px rgba(242,244,246,0.06), 0px 8px 24px rgba(0,0,0,0.55);
    --shadow-lifted: inset 0px 1px 0px rgba(242,244,246,0.08), 0px 18px 40px rgba(0,0,0,0.70);
  }
}