/* ============================================================
   טוקני עיצוב - פרק 12 במסמך האפיון
   מקור אמת יחיד לצבעים. שום כלל עיצוב לא נמצא כאן.

   מצב בהיר: הפלטה הבהירה טרם עוצבה. כשתעוצב - היא נכנסת
   בבלוק [data-theme="light"] בסוף הקובץ, בלי נגיעה ב-app.css.
   ============================================================ */

:root {
  /* צבעים - פרק 12 */
  --bg-outer:  #080D14;   /* הרקע מסביב לעמודת האפליקציה במסכים רחבים */
  --bg:        #0E1621;   /* כחול-פחם עמוק. לא שחור */
  --surface:   #17222F;
  --surface-2: #1E2B3A;
  --line:      #27384A;
  --text:      #E6EDF3;
  --muted:     #8296A8;
  --dim:       #5C6F81;
  --brass:     #F2C879;   /* פעולה, השלמה, "עובר" */
  --brass-dim: #7A6438;
  --teal:      #6FC3B8;   /* מים ומידע מדיד משני: שעות, כמויות, מונים */
  --fail:      #D08A72;   /* חימר עמום. "נכשל" בלבד. אין אדום אחר במערכת */
  --radius:    14px;

  /* צבע הטקסט על גבי כפתור פליז. נגזר מקובץ העיצוב, לא מרשימת פרק 12 */
  --on-brass:  #12202D;

  /* מידות מבנה. נגזרות מקובץ העיצוב, לא מרשימת פרק 12.
     אלה אינן צבעים ולכן אינן משתנות בין מצב כהה לבהיר. */
  --app-max:   430px;
  --gutter:    20px;
  --tap-min:   44px;   /* פרק 12 - אזורי מגע */
  --radius-sm: 9px;

  /* קווי הפרדה בתוך כרטיס. עדינים מ---line, שמשמש למסגרות. */
  --hairline:  rgba(255, 255, 255, .05);
}

/* מצב בהיר - טרם עוצב. פרק 12 קובע שעד שיעוצב נבנה כהה בלבד.
   כשיגיעו הערכים, הבלוק הזה נפתח ומקבל את אותם שמות טוקנים בדיוק.

:root[data-theme="light"] {
  --bg-outer: ...;
  --bg: ...;
}
*/