/* ============================================================================
   MyBoddie — Design Tokens (single source of truth for the web)
   Mirrors DESIGN.md §2 EXACTLY. Do not re-invent values here.
   The Swift app reads these from CoreModels.DesignTokens; this file is the
   web mirror. When DESIGN.md §2 changes, change ONLY this file.
   ========================================================================== */

:root {
  /* --- Neutrals (DESIGN.md §2.1) --- */
  --canvas:  #F5F5F7;            /* page background (cool light grey) */
  --surface: #FFFFFF;           /* cards */
  --ink:     #1D1D1F;           /* primary text (warm near-black) */
  --ink-2:   rgba(0, 0, 0, 0.62); /* secondary text   (6.03:1 on --canvas — AA) */
  --ink-3:   rgba(0, 0, 0, 0.56); /* tertiary / captions (4.83:1 on --canvas — AA) */
  --hair:    rgba(0, 0, 0, 0.08); /* hairlines, borders */

  /* --- Interactive (single accent) --- */
  --blue:      #0071E3;
  --blue-link: #0066CC;

  /* --- Semantic data states --- */
  --green: #30A46C;   /* "binnen je normaal" / positive / stable */
  --amber: #E8913A;   /* "afwijking" / attention (NEVER alarm-red) */

  /* On-amber-tint text colour for AA contrast on the amber chip (4.68:1 on tint) */
  --amber-ink: #9A5E15;
  /* On-green-tint text colour for AA contrast on the green chip */
  --green-ink: #1F7A4D;

  /* --- Category colours (icon badges + data) --- */
  --heart:    #FF375F;   /* Hart & HRV, rusthartslag */
  --sleep:    #7B61FF;   /* Slaap */
  --activity: #FF9500;   /* Activiteit */
  --body:     #AF52DE;   /* Lichaam (gewicht/BMI) */
  --lab:      #0EA5A4;   /* Bloedwaarden */
  --mind:     #34C759;   /* Mentaal welzijn (green — distinct from --symptom) */
  --nutri:    #30A46C;   /* Zelf bijhouden / voeding */
  --vitals:   #32ADE6;   /* Vitals (bloeddruk, SpO2, ademhaling) */
  --symptom:  #FF6482;   /* Symptomen (physical) (rose — distinct from --mind) */

  /* --- Activity rings --- */
  --ring1: #FF2D55;   /* Activiteit */
  --ring2: #34C759;   /* Herstel */
  --ring3: #32ADE6;   /* Slaap */

  /* --- On-band state tints (legend dots on the saturated "normaal" band) ---
     Lighter green/amber so the dots read against the teal→blue→indigo band.
     From myboddie-apple.html; not core DESIGN.md tokens — band-scoped only.   */
  --state-normal-on-band: #7CF2B0;   /* "binnen je normaal" dot on colour band */
  --state-deviation-on-band: #FFC27A; /* "afwijking" dot on colour band */

  /* --- Text scrim for white copy on the saturated "normaal" band ----------
     DESIGN.md §4 / §5: white text on the signature gradient is only ~2.6:1 on
     the lightest (teal) stop. The gradient tokens are NOT changed; instead the
     surface places the white text block on a dark scrim. A SURFACE concern, not
     a core token. At 0.40 black over the worst-case teal stop, white H2 reads
     6.24:1 (AA large) and the 19px white lead 5.07:1 (AA normal).            */
  --band-text-scrim: rgba(0, 0, 0, 0.40);

  /* --- Shadows (DESIGN.md §2.3) --- */
  --shadow:    rgba(0, 0, 0, 0.10) 0px 4px 24px 0px;     /* cards */
  --shadow-lg: rgba(0, 0, 0, 0.18) 0px 18px 50px 0px;    /* white card on a colour band */

  /* --- Layout / type --- */
  --maxw: 1080px;       /* max content width (marketing) */
  --sf: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text",
        "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;

  /* --- Gradients (DESIGN.md §2.1) --- */
  --grad-brand: linear-gradient(135deg, #FF375F, #FF6B43);
  --grad-band-normal: linear-gradient(120deg, #10B5A6, #2E8FE0, #7A5BE6);
  --grad-band-privacy: linear-gradient(130deg, #16161C, #2A2342, #16161C);
}