/* WAVE-DESIGN-A-FOUNDATIONS — משתני העיצוב של מזרח (tokens). קובץ אחד, שכל משטח קורא ממנו.
 *
 * כל המשתנים בקידומת --mz-. ההגדרה המלאה על :root (הערכים הבהירים); הבלוק [data-theme="dark"]
 * מגדיר מחדש צבעים בלבד (למסך, בפרוסה הבאה) — אין צבע שמוגדר רק בבלוק הכהה.
 * הערכים מחייבים; שינוי ערך כאן משנה את כל המשטחים. ‏docs/design/foundations.md הוא המפתח למשתנים.
 * ניגודיות: כל צמד טקסט/רקע בבהיר ≥ 4.5:1 (tests/design-foundations.test.mjs מחשב ונועל).
 */

:root {
  color-scheme: light;

  /* ─── צבע: המותג ─── */
  --mz-navy: #10233F;          /* כחול מזרח — פסי כותרת, כפתור ראשי, טקסט משני על בהיר */
  --mz-navy-2: #1B3358;        /* כחול בינוני — מצב לחוץ / רחף על כחול */
  --mz-navy-deep: #0B1830;     /* כחול עמוק — רקע כהה */
  --mz-on-navy: #F3EFE4;       /* שנהב — טקסט על כחול */
  --mz-gold: #C9A24A;          /* זהב — הדגשה, מיקוד, קו נבחר (לא טקסט על בהיר) */
  --mz-gold-ink: #7A5E1C;      /* זהב דיו — זהב כטקסט על בהיר (≥ 4.5:1) */
  --mz-gold-tint: #F6F0DF;     /* רקע זהוב עדין */
  --mz-focus: var(--mz-navy);  /* טבעת מיקוד — נושאת את הניגודיות (≥ 3:1); הזהב נשאר כסימן המותג מסביבה */

  /* ─── צבע: טקסט, רקעים וקווים ─── */
  --mz-ink: #1C2230;           /* טקסט ראשי */
  --mz-ink-2: #4F5767;         /* טקסט משני */
  --mz-paper: #F8F7F3;         /* רקע הדף */
  --mz-surface: #FFFFFF;       /* כרטיסים ושדות */
  --mz-line: #E1DED5;          /* קו הפרדה בין כרטיסים ושורות (לא מסגרת שדה) */
  --mz-line-strong: #858C9B;   /* מסגרת שדה — ≥ 3:1 על surface (WCAG 1.4.11); קווי ההפרדה נשארים --mz-line */
  --mz-line-soft: #EEECE6;     /* קו עדין בין שורות */
  --mz-tint: #EEF1F6;          /* רקע כחלחל עדין */

  /* ─── צבע: סמנטי (נפרד מהזהב, כדי שזהב לא ייקרא כאזהרה) ─── */
  --mz-ok: #2E7D4F;
  --mz-warn: #8F600F;          /* הוכהה מ-#9A6A12 (4.28:1 על warn-bg) ל-4.95:1 — ראו docs/design/foundations.md */
  --mz-warn-bg: #FBF3E3;
  --mz-bad: #B42318;

  /* ─── צבע: הקהילה (הזהות) — הקהילה מגדירה אותו מחדש על האלמנט שלה בפרוסות הבאות ─── */
  --mz-community: var(--mz-navy);
  --mz-on-community: #FFFFFF;

  /* ─── גופנים (קבצים בריפו: /design/fonts.css) ─── */
  --mz-font-display: "Frank Ruhl Libre", "David Libre", Georgia, serif;
  --mz-font-ui: "Heebo", "Assistant", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;

  /* ─── סקאלה אחת (px) ─── */
  --mz-fs-caption: 14px;
  --mz-fs-body: 17px;
  --mz-fs-lead: 19px;
  --mz-fs-h3: 22px;
  --mz-fs-h2: 28px;
  --mz-fs-h1: 36px;            /* 32px ברוחב עד 600 — ראו בסוף הקובץ */
  --mz-fs-row: 18px;           /* תווית בשורת רשימה */
  --mz-fs-time: 24px;          /* שעה בשורת רשימה */
  --mz-fs-time-lg: 44px;       /* השעה הגדולה בכרטיס */
  --mz-lh-body: 1.5;
  --mz-lh-tight: 1.2;

  /* ─── ריווח (רשת 4/8) ─── */
  --mz-s1: 4px;
  --mz-s2: 8px;
  --mz-s3: 12px;
  --mz-s4: 16px;
  --mz-s5: 20px;
  --mz-s6: 24px;
  --mz-s8: 32px;

  /* ─── רדיוסים, מטרת מגע וצל ─── */
  --mz-r-card: 14px;
  --mz-r-ctl: 10px;
  --mz-r-pill: 999px;
  --mz-touch: 44px;            /* מטרת מגע מזערית (הכלל הקיים של המוצר) */
  --mz-shadow-float: 0 8px 24px rgba(11, 24, 48, 0.16), 0 2px 6px rgba(11, 24, 48, 0.10);   /* הצל היחיד — רק לדברים שצפים */

  /* ─── רוחבי פריסה (תוספת של הפרוסה הזאת, ראו הסטיות בדוח) ─── */
  --mz-w-narrow: 440px;        /* כרטיס כניסה / טופס צר */
  --mz-w-content: 40rem;       /* רוחב התוכן של דפי הפאנל כיום */
}

/* ─── ערכים כהים: צבעים בלבד (המסך, בפרוסה הבאה). ‏color-scheme כדי שבקרי הדפדפן יצטבעו כהה ─── */
[data-theme="dark"] {
  color-scheme: dark;

  --mz-paper: #0E1A2E;
  --mz-surface: #152542;
  --mz-ink: #ECE7DA;
  --mz-ink-2: #B6B0A2;
  --mz-line: #2A3B5C;
  --mz-line-strong: #7C8597;
  --mz-line-soft: #22345A;
  --mz-tint: #1A2C4C;
  --mz-gold: #D4B25C;
  --mz-gold-ink: #D4B25C;
  --mz-gold-tint: #2A2F3A;
  --mz-focus: #D4B25C;
  --mz-ok: #6FCB95;
  --mz-warn: #E3B85A;
  --mz-warn-bg: #2E2A1E;
  --mz-bad: #F08A7E;
}

/* ─── כותרת ראשית 32px בטלפון ─── */
@media (max-width: 600px) {
  :root { --mz-fs-h1: 32px; }
}