/* הערכים של לבוש המאגר והמבחן (quiz-look.css). כל ערך דרך tokens.css כשיש בו טוקן; הגיבוי אחרי הפסיק - לעמודי המאגר
   שנטענים בלי tokens.css. ערך משלו רק כשאין טוקן בבסיס: הגוונים הרכים של נכון / לא נכון, הגדלים והריווח של המאגר */
:root {
  --qz-page: var(--color-tint, #EDF2F9);            /* רקע העמוד מאחורי הכרטיסים - התכלת הכמעט לבן של עמוד הבית */
  --qz-card: var(--color-white, #FFFFFF);
  --qz-line: var(--color-line, #DDE3EC);            /* מסגרת כרטיס ותשובה */
  --qz-line-strong: #C9D3E6;     /* מסגרת בריחוף / תשובה פעילה */
  --qz-navy: var(--color-navy, #16234D);
  --qz-blue: var(--color-blue, #20409A);
  --qz-soft: var(--color-soft, #E8EEFA);            /* מילוי רך (כפתור משני, מצב "פעיל") */
  --qz-soft-hover: var(--color-soft-hover, #DCE5F7);
  --qz-text: var(--color-text, #333B4C);
  --qz-muted: var(--color-muted, #55607A);
  --qz-orange: var(--color-orange, #F2612D);
  --qz-orange-dark: var(--color-orange-dark, #D94F1E);
  --qz-ok-bg: var(--color-wa-tint, #EAF7EF);           /* נכון - ירוק רך */
  --qz-ok-line: #9FD8B5;
  --qz-ok-text: var(--color-wa-dark, #14532D);
  --qz-bad-bg: var(--color-error-bg, #FDECEC);          /* לא נכון - אדום רך */
  --qz-bad-line: #EDB4B4;
  --qz-bad-text: var(--color-error, #A12222);
  --qz-must-bg: var(--color-orange-tint, #FFF1EA);         /* "שאלת חובה" - גוון רך של הכתום, לא אדום (אדום שמור לטעות) */
  --qz-must-text: #B4441A;
  --qz-r: var(--radius, 12px);                  /* כרטיס */
  --qz-r-a: 12px;                /* תשובה, תא */
  --qz-r-btn: var(--radius-btn, 8px);              /* כפתור */
  --qz-shadow: var(--shadow-card, 0 1px 2px rgba(20, 40, 90, .06), 0 14px 36px -12px rgba(20, 40, 90, .30));
  --qz-pad: 24px;                /* ריפוד כרטיס במחשב */
  --qz-pad-m: 16px;              /* ריפוד כרטיס בטלפון */
  --qz-gap: 24px;                /* בין רכיבים */
  --qz-ans-gap: 12px;            /* בין תשובות */
  --qz-btn-h: 52px;
  --qz-cell: 32px;               /* תא ברשת המספרים */
  --qz-cell-gap: 5px;
  --qz-dot: 8px;                 /* נקודת "שאלת חובה" בתא */
  --qz-letter: 32px;             /* העיגול של א/ב/ג/ד */
  --qz-banner-h: 140px;          /* הבאנר העליון של העמוד - נמוך וקל (היה 250) */
  --qz-bottom: 96px;             /* אוויר בתחתית המאגר והמבחן */
  --qz-q: 1.1875rem;             /* 19 - נוסח השאלה */
  --qz-a: 1.0625rem;             /* 17 - תשובה */
  --qz-h1: 1.5rem;               /* 24 - כותרת המאגר */
  --qz-small: 0.9375rem;         /* 15 */
  --qz-tiny: 0.8125rem;          /* 13 */
  --qz-shadow-primary: var(--shadow-primary, 0 6px 14px -6px rgba(242, 97, 45, .6));
  --qz-white: var(--color-white, #FFFFFF);
  --qz-input-line: #737F96;      /* מסגרת שדה טקסט - ניגודיות 4:1 לפחות */
  --qz-w-reg: var(--weight-regular, 400);
  --qz-w-semi: var(--weight-h1, 600);
  --qz-w-bold: var(--weight-bold, 700);
  --qz-pill: var(--radius-pill, 999px);
  --qz-round: 50%;
  --qz-fast: var(--motion-fast, .15s);
  --qz-must-dot: #D92D20;        /* שאלת חובה בלוח השאלות ובמקרא - האדום של המקרא */
  --qz-section: 72px;            /* רווח של מקטע - בין סוף המבחן לפס הקהילה (הבעלים 6.11: "רווח משמעותי") */
  --qz-bg: var(--color-header, #F3F3F4);   /* רקע העמוד במאגר ובמבחן - בדיוק האפור של ההדר העליון (.top-header ב-s2.css, הבעלים 6.11.2026: "באותו אפור"); הקופסאות לבנות */
  --qz-r-ans: 10px;              /* תשובה ותא בעיצוב c1 "מינימלי בסגנון סקיפי" (6.11.2026) */
  --qz-r-seg: 6px;               /* פינה של חצי בבורר "תרגול חופשי | במבנה מבחן" - פנימית לפינת הכפתור 8 */
  --qz-text-btn: var(--text-button, 1.1875rem);   /* 19 */
  --qz-text-md: 1.125rem;                          /* 18 */
  --qz-text-lg: var(--text-lg, 1.25rem);           /* 20 */
}