/* ────────────────────────────────────────────────────────────────
   הטוקנים של fitness — פלטת "אנרגיה": סגול חשמלי + ליים.

   ⚠️ **כל צמד צבע כאן נמדד** ב-WCAG לפני שנכנס — 24 צמדים, שני
   מצבים, כולם ≥4.5 לטקסט ו-≥3.0 לרכיב. המד: scratchpad/contrast.py
   (הועתק לתחתית הקובץ כתיעוד ערכים). הזיכרון שכפה את זה: "לבן על
   מבטא תלוי במבטא" — 7.51 שהתמוטט ל-1.24 בהחלפת גוון אחת.

   חוק הפלטה נשאר: **אפס box-shadow, blur, glow** (יש טסט חוסם).
   עומק בא מצבע מלא ומקו — כרטיס ה-hero הוא משטח סגול עמוק, לא
   כרטיס לבן עם צל.

   ‎--energy (ליים) הוא צבע ההתקדמות על ה-hero בלבד: הוא זוהר על
   סגול עמוק (7.9:1) ונעלם על לבן — אל תשתמש בו על משטחים בהירים.
   ──────────────────────────────────────────────────────────────── */

:root {
  color-scheme: light dark;

  --paper:        #F5F4FA;
  --surface:      #FFFFFF;
  --surface-sunk: #ECEAF6;

  --ink:          #171223;
  --ink-soft:     #4B4463;
  --ink-faint:    #736C8A;

  --line:         #DDD9EC;
  --line-strong:  #BFB8DC;

  --accent:       #5B21B6;
  --accent-soft:  #7C3AED;
  --accent-wash:  #F0EAFD;
  --on-accent:    #FFFFFF;

  /* כרטיס ה-hero — סגול עמוק מהמבטא, עם קצה תחתון עמוק עוד יותר.
     שני הטוקנים יחד מייצרים את תחושת העומק בלי צל אחד. */
  --hero:         #3B1D8F;
  --hero-deep:    #2A1568;
  --on-hero:      #FFFFFF;
  --on-hero-soft: #CDBFF2;

  --energy:       #A3E635;
  --energy-ink:   #365314;

  --state-in:      #15803D;
  --state-in-wash: #E6F4EA;
  --state-used:    #B91C1C;
  --state-used-wash: #FBEAEA;

  --gold:         #8A6E3C;
  --focus:        #7C3AED;
}

/* מצב כהה. רק הטוקנים מוגדרים מחדש — אף כלל עיצוב אינו חוזר כאן.
   ‎:root:not([data-theme="light"]) כדי שבחירת משתמש מפורשת תנצח את
   העדפת המערכת בשני הכיוונים. */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --paper:        #0F0B1E;
    --surface:      #1A1430;
    --surface-sunk: #241C40;

    --ink:          #EDE9F8;
    --ink-soft:     #B3AACE;
    --ink-faint:    #847BA3;

    --line:         #332A52;
    --line-strong:  #4A3F73;

    /* מבטא כהה: הסגול מתבהר, והטקסט עליו מתהפך לכהה — נמדד (7.59),
       לא הונח. */
    --accent:       #B197FC;
    --accent-soft:  #9775F5;
    --accent-wash:  #251B45;
    --on-accent:    #170E33;

    --hero:         #2A1568;
    --hero-deep:    #1C0E47;
    --on-hero:      #F1EDFB;
    --on-hero-soft: #B4A4E4;

    --energy:       #A3E635;
    --energy-ink:   #365314;

    --state-in:      #4ADE80;
    --state-in-wash: #16301F;
    --state-used:    #F87171;
    --state-used-wash: #3A1A1A;

    --gold:         #C9A968;
    --focus:        #B197FC;
  }
}

:root[data-theme="dark"] {
  --paper:        #0F0B1E;
  --surface:      #1A1430;
  --surface-sunk: #241C40;
  --ink:          #EDE9F8;
  --ink-soft:     #B3AACE;
  --ink-faint:    #847BA3;
  --line:         #332A52;
  --line-strong:  #4A3F73;
  --accent:       #B197FC;
  --accent-soft:  #9775F5;
  --accent-wash:  #251B45;
  --on-accent:    #170E33;
  --hero:         #2A1568;
  --hero-deep:    #1C0E47;
  --on-hero:      #F1EDFB;
  --on-hero-soft: #B4A4E4;
  --energy:       #A3E635;
  --energy-ink:   #365314;
  --state-in:      #4ADE80;
  --state-in-wash: #16301F;
  --state-used:    #F87171;
  --state-used-wash: #3A1A1A;
  --gold:         #C9A968;
  --focus:        #B197FC;
}