/* ────────────────────────────────────────────────────────────────
   הטוקנים של fitness.

   "הדף מודפס, לא מואר" — חוק הפלטה בתקן. אין box-shadow, אין blur,
   אין glow ואין backdrop-filter באף גיליון כאן, ויש טסט שאוכף.
   **עומק בא מקצה נייר ומקו**, ולכן ‎--line ו-‎--line-strong הם הכלי
   היחיד להפרדה בין משטחים.

   מבטא מוסדי אחד — נייבי ‎#122A4A. זהב עתיק ‎#8A6E3C הוא קו שיער או
   מתאר, **ולעולם לא טקסט**: 4.21 על נייר עובר 3:1 לרכיב ונכשל 4.5
   לטקסט.

   ⚠️ על קרקע מבטא — **לבן, תמיד.** התקן מתעד למה: בערכה ירוקה
   ‎var(--ink) על ‎--accent נתן 7.51 וגם לבן נתן 7.51, ומעבר לנייבי
   הפיל את אותה שורה ל-1.24 בשמונה מקומות בבת אחת.

   ‎--state-in (ירוק) ו-‎--state-used (חום-אדום) הם **מצב ולא קישוט**.
   כאן "היעד הושג" הוא מצב אמיתי ולכן ירוק לגיטימי עליו — ואסור על
   כפתור, על כותרת ועל מסגרת דקורטיבית.
   ──────────────────────────────────────────────────────────────── */

:root {
  color-scheme: light dark;

  --paper:        #FBFAF8;
  --surface:      #FFFFFF;
  --surface-sunk: #F3F1ED;

  --ink:          #1A1D23;
  --ink-soft:     #4E5560;
  --ink-faint:    #767D89;

  --line:         #E3DFD8;
  --line-strong:  #C9C3B8;

  --accent:       #122A4A;
  --accent-soft:  #24406B;
  --accent-wash:  #EDF1F7;
  --on-accent:    #FFFFFF;

  --gold:         #8A6E3C;

  --state-in:     #2E6B43;
  --state-in-wash:#E8F1EA;
  --state-used:   #8C3A2B;
  --state-used-wash: #F6EAE7;

  --focus:        #24406B;
}

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

    --ink:          #ECEEF1;
    --ink-soft:     #A8AFBA;
    --ink-faint:    #7C838F;

    --line:         #2E333B;
    --line-strong:  #454C57;

    /* נייבי כהה על רקע כהה נעלם. במצב כהה המבטא מתבהר, והכלל
       "לבן על מבטא" מתחלף ב"דיו כהה על מבטא" — נמדד, לא הונח. */
    --accent:       #8AB0E8;
    --accent-soft:  #6E96D0;
    --accent-wash:  #1E2735;
    --on-accent:    #10141C;

    --gold:         #C9A968;

    --state-in:     #6FBF8B;
    --state-in-wash:#1B2A21;
    --state-used:   #D98878;
    --state-used-wash: #2B1D1A;

    --focus:        #8AB0E8;
  }
}

:root[data-theme="dark"] {
  --paper:        #14161A;
  --surface:      #1C1F25;
  --surface-sunk: #24282F;
  --ink:          #ECEEF1;
  --ink-soft:     #A8AFBA;
  --ink-faint:    #7C838F;
  --line:         #2E333B;
  --line-strong:  #454C57;
  --accent:       #8AB0E8;
  --accent-soft:  #6E96D0;
  --accent-wash:  #1E2735;
  --on-accent:    #10141C;
  --gold:         #C9A968;
  --state-in:     #6FBF8B;
  --state-in-wash:#1B2A21;
  --state-used:   #D98878;
  --state-used-wash: #2B1D1A;
  --focus:        #8AB0E8;
}