/* ============================================================
   פרס נגב — טוקנים משותפים
   כל הצבעים לקוחים מהמצגת של סטודיו זיפים (כסלו תשפ״ה):
   236a63 · 074c74 · 2998e2 · fcba6b
   שלושת הקונספטים דורסים את המשתנים הסמנטיים בלבד.
   ============================================================ */

/* ============================================================
   הגופן של המותג הוא "סימפלר" (Fontef), והקבצים אכן הגיעו מהלקוחה
   ב-10/09/2026. הם אינם מוטמעים כאן: הרישיון שצורף לחבילה הוא
   Hagilda_License_Print, כלומר הדפסה, והטמעה באתר היא רישיון נפרד.
   הלקוחה משיגה אותו אחרי החג ואישרה בכתב להישאר בינתיים על Assistant.

   ⚠️ קובצי ה-woff2 המומרים שמורים ב-FEEDBACK2/fonts-woff2/ ובכוונה
   מחוץ ל-assets/, כדי שלא יוגשו מהאתר. גופן מסחרי שיושב בכתובת
   ציבורית מוגש בפועל, גם אם שום CSS לא מפנה אליו.

   כשהרישיון יגיע: להעתיק אותם ל-assets/fonts/, להחזיר כאן חמישה
   @font-face (300/400/600/700/800) על המשפחה SimplerPro_HLAR,
   ולהוסיף את השם בראש --font-sans. שם המשפחה הפנימי הוא
   SimplerPro_HLAR ולא "Simpler" — שם שגוי שם פשוט לא ייתפס.
   ============================================================ */

:root {
  /* ---- צבעי המותג, כפי שנמסרו. לא לשנות. ---- */
  --pn-teal: #236a63;
  --pn-navy: #074c74;
  --pn-blue: #2998e2;
  --pn-sand: #fcba6b;

  /* ---- גוונים נגזרים ---- */
  --pn-navy-900: #04314c;
  --pn-navy-800: #062e4a;
  --pn-navy-700: #074c74;
  --pn-navy-600: #0a5f90;
  --pn-blue-700: #1b6fb0;   /* גרסה כהה של התכלת — היחידה שעוברת 4.5:1 עם לבן */
  --pn-blue-100: #e6f2fc;
  --pn-teal-700: #1b544f;
  --pn-teal-100: #e4f0ee;
  --pn-sand-300: #fddfb8;
  --pn-sand-100: #fef3e4;
  --pn-cream: #fdf7ef;
  --pn-ribbon: #c8102e;     /* הסרט האדום שעדן ביקשה סביב הספירה לאחור */

  --pn-ink: #0c2434;
  --pn-ink-soft: #40606f;
  --pn-line: #dfe7ec;
  --pn-white: #ffffff;

  /* ---- טיפוגרפיה ----
     Assistant הוא התחליף הקרוב ל"סימפלר", והוא מה שמוצג בפועל עד שיגיע
     רישיון הווב. ראו את ההערה על הגופן בראש הקובץ. */
  --font-sans: "Assistant", "Heebo", "Segoe UI", system-ui, sans-serif;

  --step--1: clamp(0.83rem, 0.8rem + 0.15vw, 0.9rem);
  --step-0:  clamp(1rem, 0.96rem + 0.2vw, 1.125rem);
  --step-1:  clamp(1.2rem, 1.1rem + 0.5vw, 1.45rem);
  --step-2:  clamp(1.45rem, 1.25rem + 1vw, 1.95rem);
  --step-3:  clamp(1.8rem, 1.4rem + 1.9vw, 2.75rem);
  --step-4:  clamp(2.2rem, 1.5rem + 3.4vw, 4rem);
  --step-5:  clamp(2.7rem, 1.5rem + 5.6vw, 5.5rem);

  /* ---- מרווחים ורדיוסים ---- */
  --sp-1: 0.25rem;  --sp-2: 0.5rem;   --sp-3: 0.75rem;  --sp-4: 1rem;
  --sp-5: 1.5rem;   --sp-6: 2rem;     --sp-7: 3rem;     --sp-8: 4rem;
  --sp-9: 6rem;     --sp-10: 8rem;

  --r-sm: 8px;  --r-md: 14px;  --r-lg: 22px;  --r-xl: 32px;  --r-pill: 999px;
  --wrap: 1180px;
  --wrap-narrow: 760px;

  --shadow-sm: 0 1px 2px rgba(7,76,116,.06), 0 4px 12px rgba(7,76,116,.06);
  --shadow-md: 0 2px 6px rgba(7,76,116,.08), 0 18px 40px rgba(7,76,116,.10);
  --shadow-lg: 0 30px 70px rgba(4,49,76,.18);

  /* ---- טוקנים סמנטיים — אלה שהקונספטים דורסים ---- */
  --bg: var(--pn-white);
  --bg-alt: #f5f9fb;
  --surface: var(--pn-white);
  --surface-2: #f5f9fb;
  --text: var(--pn-ink);
  --text-soft: var(--pn-ink-soft);
  --text-on-brand: var(--pn-white);
  --line: var(--pn-line);
  --accent: var(--pn-navy);
  --accent-ink: var(--pn-white);
  --accent-2: var(--pn-teal);
  --focus: var(--pn-blue-700);

  --header-bg: rgba(255,255,255,.92);
  --header-ink: var(--pn-ink);
  --logo-src: url("../assets/logo/logo-he-color.png");
  --logo-foot: url("../assets/logo/logo-trilingual-color.png");
}


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

/* ---- א׳ · אופק ---- */
.c-ofek {
  --bg: #062e4a;
  --bg-alt: #04314c;
  --surface: rgba(255,255,255,.055);
  --surface-2: rgba(255,255,255,.09);
  --text: #eaf3fa;
  --text-soft: #a9c6dc;
  --line: rgba(255,255,255,.16);
  --accent: var(--pn-sand);
  --accent-ink: #06263a;
  --accent-2: var(--pn-sand);
  --focus: var(--pn-sand);
  --header-bg: rgba(6,46,74,.95);
  --header-ink: #eaf3fa;
}
.c-ofek h1, .c-ofek h2, .c-ofek h3, .c-ofek h4 { color: #fff; }
.c-ofek .card { backdrop-filter: blur(8px); }
.c-ofek .btn--ghost { color: #fff; }
.c-ofek .site-footer { background: #04263c; }
.c-ofek .status-strip { background: rgba(255,255,255,.07); border-block-end: 1px solid rgba(255,255,255,.12); }
.c-ofek .stat__num { color: var(--pn-sand); }
.c-ofek .stat__label { color: #a9c6dc; }

/* ---- ב׳ · רקמה ---- */
.c-rikma {
  --bg: #fdf7ef;
  --bg-alt: #f6ece0;
  --surface: #ffffff;
  --surface-2: #fffaf3;
  --text: #17313c;
  --text-soft: #55707c;
  --line: #e8dccd;
  --accent: var(--pn-teal);
  --accent-ink: #ffffff;
  --accent-2: var(--pn-teal);
  --focus: var(--pn-teal-700);
  --header-bg: rgba(253,247,239,.97);
  --header-ink: #17313c;
}
.c-rikma h1, .c-rikma h2, .c-rikma h3, .c-rikma h4 { color: #10313a; }
.c-rikma .site-footer { background: #17313c; }
.c-rikma .status-strip { background: var(--pn-teal); }
.c-rikma .status-strip strong { color: #ffe1b8; }
.c-rikma .stat__num { color: var(--pn-teal); }

/* ---- ג׳ · מצפן ---- */
.c-matzpen {
  --bg: #ffffff;
  --bg-alt: #f2f7fb;
  --surface: #ffffff;
  --surface-2: #f7fafc;
  --text: #0c2434;
  --text-soft: #4a6b7d;
  --line: #dbe6ee;
  --accent: var(--pn-navy);
  --accent-ink: #ffffff;
  --accent-2: var(--pn-blue-700);
  --focus: var(--pn-blue-700);
  --header-bg: rgba(255,255,255,.98);
  --header-ink: #0c2434;
}
.c-matzpen h1, .c-matzpen h2, .c-matzpen h3, .c-matzpen h4 { color: #062e4a; }
.c-matzpen .status-strip { background: var(--pn-navy); }