/* ==========================================================================
   Prom Live — tokens.css  ·  v2
   grade קולנועי כתום־טורקיז. מקור אמת יחיד — אפס ערכים קשיחים בעמודים.
   ========================================================================== */

:root {
  /* ---------- צבע: לילה מרוסן — שנהב, פליז, פלדה ---------- */
  --color-bg:               #0A0D13;  /* פחם־כחול. עמוק, לא זוהר */
  --color-bg-soft:          #10141D;
  --color-surface:          #141926;
  --color-surface-2:        #1C2333;
  --color-line:             #2A3247;
  --color-line-soft:        #1E2536;

  --color-text:             #F4F1E8;  /* שנהב חם — עריכתי, לא מסך */
  --color-text-dim:         #9BA3B5;
  /* ⚠️ היה #646C80 = 3.7:1 — נכשל AA. משמש ב-8 מקומות אמיתיים (טיימקוד הקיו,
     תוויות מפרידים, הערות, כותרות פוטר). תוקן בביקורת 05/08 ל-5.2:1 */
  --color-text-faint:       #7C8496;

  --color-brand:            #C9A961;  /* פליז־שמפניה עמום — הכסף, החתימה, ה-CTA */
  --color-brand-soft:       #E3CD96;
  --color-brand-deep:       #8F7336;
  --color-on-brand:         #171204;

  --color-data:             #8FB8DC;  /* כחול פלדה — הזמן: טיימקוד, קיו, לו״ז */
  --color-data-deep:        #3E6485;

  /* ⚠️ היה #C24B60 = 4.1:1 — עובר כטקסט גדול אבל נכשל בקצה הקטן של
     clamp() בטיימקוד (16.8px). תוקן ל-4.9:1, עובר בכל הגדלים */
  --color-peak:             #CC5A6E;  /* בורדו — רגע השיא בלבד. פעם אחת בעמוד */

  /* השמיים החיים — נכתבים מחדש ע״י JS בכל פריים. אלה ערכי הפתיחה. */
  --sky-a: #1B2140;
  --sky-b: #5A2E1C;

  /* ---------- טיפוגרפיה ---------- */
  --font-display: "Frank Ruhl Libre", "Rubik", Georgia, serif;
  --font-body:    "Rubik", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono:    "Space Mono", ui-monospace, "SFMono-Regular", monospace;

  --fs-hero:   clamp(2.7rem, 8.6vw, 7.2rem);
  --fs-h2:     clamp(2rem, 5.2vw, 4rem);
  --fs-h3:     clamp(1.3rem, 2.6vw, 1.9rem);
  --fs-lead:   clamp(1.05rem, 2vw, 1.4rem);
  --fs-body:   1.0625rem;
  --fs-small:  0.9375rem;
  --fs-micro:  0.75rem;

  /* טווח שהיה חסר: בין h2 לגוף לא היה כלום, ולכן הכל נראה שטוח */
  --fs-num-xl: clamp(3rem, 8vw, 5.4rem);
  --fs-num-lg: clamp(1.7rem, 3.6vw, 2.4rem);
  --fs-mid:    clamp(1.15rem, 2.4vw, 1.6rem);

  --lh-hero:  1.02;  /* סריף לא נחתך כמו פונט דחוס */
  --lh-head:  1.1;
  --lh-body:  1.68;

  /* עברית: לעולם לא letter-spacing. מותר רק על תוויות לטיניות. */
  --ws-display: 0.03em;
  --ls-latin:   0.14em;

  /* ---------- ריווח ---------- */
  --space-1: 4px;   --space-2: 8px;   --space-3: 16px;  --space-4: 24px;
  --space-5: 40px;  --space-6: 64px;  --space-7: 96px;  --space-8: 144px;

  --section-y: clamp(72px, 11vw, 160px);
  --gutter:    clamp(20px, 5vw, 72px);
  --maxw:      1280px;
  --maxw-text: 60ch;

  /* ---------- עומק ---------- */
  --radius-sm: 6px;  --radius-md: 14px;  --radius-lg: 24px;  --radius-pill: 999px;

  /* ---------- חומר · v7 ----------
     האבחנה שהובילה לכאן: כל "כרטיס" באתר היה rgba(255,255,255,.022),
     כלומר שקוף. משטח בלי חומר לא יכול לשאת קישוט — הקישוט צועק כי
     הוא יושב על ריק. אלה הטוקנים שהופכים משטח לחומר. */
  --mat-panel:    linear-gradient(180deg, rgba(26,33,49,.94), rgba(13,17,26,.94));
  --mat-panel-hi: linear-gradient(180deg, rgba(33,42,62,.96), rgba(17,22,34,.96));
  --mat-edge:     inset 0 1px 0 rgba(255,255,255,.06);
  --mat-edge-b:   inset 0 -1px 0 rgba(0,0,0,.5);
  --mat-lift:     0 26px 50px -30px rgba(0,0,0,.95);
  --mat-lift-sm:  0 20px 40px -28px rgba(0,0,0,.9);
  --mat-inset:    inset 0 1px 2px rgba(0,0,0,.6);
  --mat-bracket:  #33405A;
  --grid-line:    rgba(143,184,220,.03);

  --shadow-1: 0 2px 14px rgba(0, 0, 0, .5);
  --shadow-2: 0 22px 70px rgba(0, 0, 0, .62);
  /* זוהר מרוסן — נוכחות, לא ניאון */
  --glow-brand: 0 0 26px rgba(201, 169, 97, .22);
  --glow-data:  0 0 20px rgba(143, 184, 220, .18);
  --glow-peak:  0 0 30px rgba(194, 75, 96, .28);

  /* ---------- תנועה: קולנועי־אנרגטי ---------- */
  --dur-fast:  220ms;
  --dur-base:  420ms;
  --dur-cine: 1100ms;
  --ease-brand: cubic-bezier(0.16, 1, 0.3, 1);
  --stagger:   70ms;

  /* ---------- שכבות ---------- */
  --z-sky: 0;  --z-embers: 1;  --z-grain: 2;  --z-content: 10;
  --z-spine: 80;  --z-hud: 90;  --z-nav: 100;  --z-float: 200;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --dur-fast: 1ms; --dur-base: 1ms; --dur-cine: 1ms; --stagger: 0ms;
    /* השמיים ננעלים על מצב הלילה — בלי מסע צבע */
    --sky-a: #0A1020;
    --sky-b: #141B33;
  }
}