/* tokens.css: כל הערכים הקבועים של האתר במקום אחד.
   רכיבים ב-site.css לא מקבלים ערכים "מהראש": רק משתנה מכאן.
   לפני שינוי עיצוב: לקרוא את design/TASTE.md. צבעי המותג לא משתנים בלי אישור דניאל.
   7.11.2026: עיצוב "עלה זהב וזכוכית" (אישור דניאל). עלה הזהב מחליף את #DAA520 ואת התכלת #87CEEB.
   השמות הישנים (--gold, --sky וכו') נשארים כדי לא לשבור רכיבים, אבל מצביעים לפלטה החדשה. */
:root{
  /* --- צבעי המותג --- */
  --navy:#0B1A30;
  --sky:#DCE7F7;                          /* היה תכלת. עכשיו "קרח": גוון קר ובהיר לנתונים משניים (פיקדון בגרף) */
  --gold:#D9B45E;                         /* עלה זהב, הגוון האחיד (כשאין מעבר צבע) */
  --gold-hi:#E6C574;                      /* זהב בריחוף על כפתור */
  --gold-muted:rgba(217,180,94,.45);      /* זהב עמום לקווים דקים */
  --gold-faint:rgba(217,180,94,.35);
  --gold-soft:#CDAE62;                    /* זהב עמום לתוויות וטקסט קטן (= --label) */

  /* --- עלה זהב --- */
  --cta-bg:#D9B45E; --cta-hi:#E6C574; --cta-ink:#0B1A30;
  --em:#E6C976;                           /* מילה מודגשת, קישור */
  --label:#CDAE62;                        /* תוויות ונתונים (IBM Plex Mono) */
  --foil:linear-gradient(120deg,#F3DE9E 0%,#C99B3F 48%,#EBCF7E 100%);       /* כפתור ראשי */
  --foil-tile:linear-gradient(135deg,#F2DC9B 0%,#C99B3F 55%,#EBCF7E 100%);  /* אריח הליווי המלא */
  --foil-text:linear-gradient(100deg,#C99B3F 0%,#FFF1C2 45%,#D9B45E 75%);   /* מילה מודגשת בכותרת */
  --foil-bar:linear-gradient(180deg,#F3DE9E 0%,#C99B3F 60%,#A97F2C 100%);   /* עמודה בגרף */

  /* --- זכוכית והילות --- */
  --glass:rgba(255,255,255,.06); --glass-line:rgba(255,255,255,.14);
  --glow-blue:rgba(110,145,215,.30);

  /* --- צבעים לפי תפקיד --- */
  --bg:#0B1A30;            /* רקע העמוד */
  --deep:#061020;          /* התחתית, הכהה ביותר */
  --bg-alt:#0E2140;        /* רצועת רקע מתחלפת בין מקטעים (קצב, TASTE.md) */
  --surface:#12284A;       /* כרטיס, טופס, תשובה */
  --surface-2:#1B355E;     /* משטח מורם: נבחר, כפתור תפריט פעיל */
  --field-bg:#0D2140;      /* רקע שדה בטופס */
  --band-from:#1B355E; --band-to:#0E2140;   /* מסגרת ההנעה לפעולה */
  --ink:#F6F3EE;           /* טקסט ראשי */
  --ink-strong:#fff;       /* כותרות */
  --muted:#C9CFDA;         /* טקסט משני */
  --dim:#909DB2;           /* טקסט שלישוני בלבד (לא לטקסט רגיל: פחות מ-4.5:1 על חלק מהמשטחים) */
  --band-ink:#F6F3EE; --band-muted:#C9CFDA;
  --link:#E6C976;          /* קישור בטקסט (= --em) */
  --line:#2C4870;          /* קו מסגרת */
  --line-deep:#2A4468;     /* קו בתחתית */
  --hairline:rgba(255,255,255,.08);   /* קו דק בין מקטעים */
  --hairline-soft:rgba(255,255,255,.07);
  --divider:rgba(255,255,255,.16);    /* קו לבן עדין בין טורי טקסט צמודים */
  --highlight:rgba(255,255,255,.06);  /* קצה עליון "מואר" של כרטיס */
  --field:#5E7899;         /* מסגרת שדה */
  --ghost-line:rgba(255,255,255,.14); /* מסגרת כפתור משני (= --glass-line) */
  --header-bg:rgba(11,26,48,.97); --header-glass:rgba(11,26,48,.78);
  --scrim:rgba(3,10,22,.55);
  --glow-sky:rgba(110,145,215,.12);  /* היה תכלת: עכשיו הילה כחולה עדינה */
  --glow-gold:rgba(217,180,94,.22);
  --chat-bg:#0B141A;       /* רקע צילום וואטסאפ בזמן טעינה */
  --ok-bg:#E3F4EA; --ok-ink:#14583A; --ok-line:#9AD3B3;
  --bad-bg:#FBE7E5; --bad-ink:#8C1F18; --bad-line:#EFB3AE;
  --info-bg:#E8F3FA; --info-ink:#12486A; --info-line:#A9D2EA;
  --err:#FF9A8F;

  /* --- גופנים --- */
  --serif:"Bellefair","David Libre","Times New Roman",serif;           /* כותרות: משקל 400 בלבד */
  --sans:"Noto Sans Hebrew","Arial Hebrew",Arial,sans-serif;              /* טקסט רץ: 300 עד 500 */
  --mono:"IBM Plex Mono","Noto Sans Hebrew",ui-monospace,Menlo,monospace; /* תוויות ונתונים */
  --lh-display:1.04;

  /* --- גדלי טקסט (בעברית ריווח האותיות תמיד 0) --- */
  --fs-xs:.8125rem;    /* 13px: תווית קטנה */
  --fs-sm:.875rem;     /* 14px: כותרת קטנה (eyebrow), הערות */
  --fs-s:.9375rem;     /* 15px: טקסט משני */
  --fs-base:1.0625rem; /* 17px: גוף הטקסט */
  --fs-lg:1.1875rem;   /* 19px: פסקת פתיחה */
  --fs-xl:1.25rem;     /* 20px: כותרת כרטיס */
  --fs-2xl:1.5rem;     /* 24px */
  --fs-h2-post:clamp(1.375rem,3vw,1.75rem);
  --fs-h2:clamp(1.5rem,3.4vw,2.25rem);
  --fs-h1:clamp(2rem,5vw,3.25rem);
  --lh-tight:1.12; --lh-head:1.2; --lh-snug:1.5; --lh-body:1.7;
  --fw-regular:400; --fw-medium:500; --fw-semi:600; --fw-bold:700; --fw-black:900;

  /* --- מרווחים: קפיצות של 4px --- */
  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-5:20px; --sp-6:24px;
  --sp-7:28px; --sp-8:32px; --sp-9:36px; --sp-10:40px; --sp-12:48px; --sp-14:56px; --sp-16:64px;

  /* --- רדיוסים --- */
  --r-xs:4px;   /* טבעת מיקוד, פס התקדמות */
  --r-sm:8px;   /* כפתור, שדה, תפריט */
  --r:10px;     /* כרטיס */
  --r-lg:14px;  /* טופס, מסגרת גדולה, צילום */
  --r-pill:99px;
  --r-btn:6px;  /* כפתור (בלי "גלולות", TASTE.md) */
  --r-card:22px;/* כרטיס זכוכית, אריח */

  /* --- צללים: שתי רמות --- */
  --shadow-1:0 10px 30px rgba(0,0,0,.18);   /* כרטיס על הרקע */
  --shadow-2:0 14px 36px rgba(0,0,0,.35);   /* מורם: תפריט, מסגרת הנעה, צילום, באנר */

  /* --- תנועה --- */
  --dur-press:100ms;   /* תגובה ללחיצה */
  --dur-fast:150ms;    /* תפריט, שכבת עמעום, רקע כפתור */
  --ease-out:ease-out;
  --ease-long:cubic-bezier(.455,.03,.515,.955); /* כניסת הפתיח */
  --press-scale:.97;

  /* מצב כהה: האתר כהה תמיד (החלטת דניאל), ואין גרסה בהירה */
  color-scheme:dark;
}