/* Helix design tokens — from tokens.json (Packages/DesignSystem). Dark first: Helix ships dark. */
:root {
  color-scheme: dark;

  /* Core */
  --bg: #0B0C0E;
  --surface: #15171A;
  --raised: #1F2226;
  --separator: #2A2D32;
  --track: #25282D;
  --text: #F8F9FA;
  --text-2: #A8ADB5;
  --text-3: #8E95A0;
  --accent: #7997FF;
  --accent-ink: #0C0E12;
  --accent-wash: #20283F;

  /* Verdicts */
  --high: #67C986;
  --low: #F9736F;
  --moderate: #F5AE4B;

  /* Sleep stages */
  --stage-awake: #C98472;
  --stage-core: #6D9AAC;
  --stage-deep: #617EBF;
  --stage-rem: #65AED8;

  /* Domains: tint, figures on dark, wash, surface, ground gradient, header gradient, ground mesh (3 x 3) */
  --readiness-tint: #7997FF; --readiness-on: #A0B7FF; --readiness-wash: #171F38; --readiness-surface: #15171A;
  --readiness-g0: #052A5D; --readiness-g1: #090D29; --readiness-g2: #03030C;
  --readiness-h0: #143A78; --readiness-h1: #1B1B4A;
  --readiness-m0: #002C60; --readiness-m1: #121C4C; --readiness-m2: #140F34;
  --readiness-m3: #05173F; --readiness-m4: #0B0E2E; --readiness-m5: #0C081F;
  --readiness-m6: #03081D; --readiness-m7: #040514; --readiness-m8: #04030D;

  --sleep-tint: #ADA3FF; --sleep-on: #B7AFFF; --sleep-wash: #1F1C37; --sleep-surface: #1B182F;
  --sleep-g0: #21245D; --sleep-g1: #120A27; --sleep-g2: #05020B;
  --sleep-h0: #313378; --sleep-h1: #271746;
  --sleep-m0: #1F2561; --sleep-m1: #211649; --sleep-m2: #1C0B30;
  --sleep-m3: #15133E; --sleep-m4: #140B2B; --sleep-m5: #11061C;
  --sleep-m6: #09071C; --sleep-m7: #070413; --sleep-m8: #06030C;

  --cardiac-tint: #FE8A88; --cardiac-on: #FF9A97; --cardiac-wash: #351615; --cardiac-surface: #2E1212;
  --cardiac-g0: #530E21; --cardiac-g1: #250404; --cardiac-g2: #0B0201;
  --cardiac-h0: #6C1A2D; --cardiac-h1: #430C07;
  --cardiac-m0: #560C24; --cardiac-m1: #43060C; --cardiac-m2: #2F0500;
  --cardiac-m3: #37040F; --cardiac-m4: #280404; --cardiac-m5: #1C0400;
  --cardiac-m6: #190304; --cardiac-m7: #120202; --cardiac-m8: #0C0201;

  --load-tint: #F09B48; --load-on: #FEA247; --load-wash: #311A04; --load-surface: #2A1604;
  --load-g0: #4A1E00; --load-g1: #1C0C00; --load-g2: #080300;
  --load-h0: #622C00; --load-h1: #341D00;
  --load-m0: #4D1E00; --load-m1: #351A00; --load-m2: #211300;
  --load-m3: #2E1200; --load-m4: #1F0E00; --load-m5: #140A00;
  --load-m6: #150600; --load-m7: #0E0400; --load-m8: #090300;

  --nutrition-tint: #93C35E; --nutrition-on: #9ACD60; --nutrition-wash: #182509; --nutrition-surface: #152008;
  --nutrition-g0: #2A3100; --nutrition-g1: #061500; --nutrition-g2: #000601;
  --nutrition-h0: #384300; --nutrition-h1: #0B2B00;
  --nutrition-m0: #2C3200; --nutrition-m1: #162800; --nutrition-m2: #001D01;
  --nutrition-m3: #161E00; --nutrition-m4: #081700; --nutrition-m5: #001102;
  --nutrition-m6: #060D00; --nutrition-m7: #020900; --nutrition-m8: #010601;

  /* Members: signature colour + shape, by join order */
  --member-0: #DC6065; /* Clay  · circle   */
  --member-1: #009BC9; /* Steel · triangle */
  --member-2: #AB8A00; /* Olive · square   */
  --member-3: #AA6FD3; /* Plum  · diamond  */
  --member-4: #FF9D5E; /* Amber · hexagon  */
  --member-5: #7FBEFF; /* Sky   · plus     */
  --member-6: #A2CA50; /* Fern  · star     */
  --member-7: #FF8EC6; /* Rose  · pentagon */

  /* Grain: 384px tile, particles peak at alpha 28/255, normal blend */
  --grain: url("../assets/grain.png");
  --grain-ground: .45;
  --grain-surface: .25;

  /* Glass (dark) */
  --glass-fill: rgba(255, 255, 255, .055);
  --glass-sheen: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.02) 38%, rgba(255,255,255,0) 70%, rgba(255,255,255,.04) 100%);
  --glass-edge: linear-gradient(180deg, rgba(255,255,255,.42) 0%, rgba(255,255,255,.08) 50%, rgba(255,255,255,.16) 100%);
  --glass-blur: blur(24px) saturate(160%);
  --glass-shadow: 0 18px 50px -12px rgba(0, 0, 0, .28), 0 2px 6px rgba(0, 0, 0, .18);

  /* Radii */
  --r-card: 24px;
  --r-tile: 18px;
  --r-chip: 12px;
  --r-pill: 999px;
  --r-panel: clamp(28px, 3vw, 40px);

  /* Spacing (pt from tokens) */
  --s-xxs: 2px; --s-xs: 4px; --s-sm: 8px; --s-md: 12px; --s-lg: 16px;
  --s-gutter: 20px; --s-xl: 22px; --s-xxl: 30px; --s-section: 34px;

  /* Type: SF Pro is the system face; no font files */
  --font: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", system-ui, "Inter", "Helvetica Neue", Arial, sans-serif;
  --track-xl: -0.028em;  /* >= 64px */
  --track-l: -0.021em;   /* 34–63px */
  --track-m: -0.013em;   /* 22–33px */

  --ease: cubic-bezier(.2, .7, .2, 1);
  --ease-spring: cubic-bezier(.34, 1.4, .5, 1);
}

:root { --fg-rgb: 255, 255, 255; --foot-bg: #08090B; --text-body: #C6CBD3; --nav-bg: rgba(11,12,14,.62); --menu-bg: rgba(21,23,26,.9); --card-tint: none; --mark-filter: none; --logo-filter: none; --shadow-strong: rgba(0,0,0,.75); }
:root[data-theme="dark"] { color-scheme: dark; }