/* משתני העיצוב של האתר, לפי קובץ הפיגמה של המעצבות (שבוע הדמוקרטיה, עמוד "פיתוח · Dev", 12.11.2026).
   כחול מותג, ורוד וצהוב להדגשה, קרם לרקעים, פינות ישרות, בלי צללים.
   גופנים: COLBO לכותרות, SimplerPro_HLAR לטקסט (גופני המגדלור). */
:root {
  --font: "narkiss-tam", "Simpler", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-display: "Reisinger Michal", "Simpler", system-ui, sans-serif;
  --fw-display: 400; /* בפיגמה: Reisinger Michal Regular */

  /* צבעים: שמות כמו בפיגמה */
  --primary: #334aae;        /* color-brand-primary: סרגל עליון, כפתור ראשי, כותרות כרטיסים */
  --ink: #1d2a6b;            /* color-ink: כותרות וטקסט מודגש */
  --muted: #545c8c;          /* color-muted: טקסט רץ */
  --link: #3a52c4;           /* color-link */
  --divider: #818ed4;        /* color-divider: קווים מפרידים */
  --surface: #fdf4e4;        /* color-surface: רקע קרם בהיר (צעדים, מפה, תיבת נושא היום) */
  --surface-2: #d6dcff;      /* color-surface-2: רקע תכלת־סגלגל (קטלוג) */
  --brand-tint: #eef0ff;     /* color-brand-tint: כפתור משני, שדות, תגיות */
  --brand-image: #b4bffb;    /* color-brand-image: משבצות תמונה, הדגשה תכלכלה */
  --brand-secondary: #5a4fcf;/* נתיב נושא וספק בכרטיס, מסגרת שורה במעבר עכבר */
  --on-dark: #d9dcf5;        /* color-on-dark: טקסט משני על כחול */
  --cream: #fdedd3;          /* color/brand/cream: ארגונים שותפים, כותרות על הלוח הכחול */
  --pink: #ff8caa;           /* color/brand/accent */
  --periwinkle: #8d9cfe;     /* color/brand/periwinkle: מספרי הצעדים, גוון התמונות */
  --yellow: #fde711;         /* color/brand/highlight: כפתור הרישום בסרגל */
  --navy: #00082a;           /* color/illustration/navy */

  /* שמות ישנים שעדיין בשימוש בקוד: ממופים לפלטה החדשה */
  --teal-900: var(--ink);
  --teal-800: var(--primary);
  --teal-500: var(--periwinkle);
  --teal-path: var(--brand-secondary);
  --sky: var(--brand-image);
  --sky-2: var(--brand-image);
  --mist: var(--surface);
  --mist-2: var(--brand-tint);
  --line: var(--divider);
  --gray: var(--muted);
  --migdalor: #38d1d6;

  --c-bg: #ffffff;
  --c-surface: #ffffff;
  --c-ink: var(--ink);
  --c-ink-2: var(--muted);
  --c-ink-3: var(--muted);
  --c-line: var(--divider);
  --c-tint: var(--surface);
  --c-primary: var(--primary);
  --c-primary-hover: #283c96;
  --c-primary-ink: #ffffff;
  --c-primary-soft: var(--brand-tint);
  --c-accent: var(--pink);
  --c-focus: #3a52c4;

  /* ארבעת צירי התוכן */
  --c-topic-liberal: var(--primary);
  --c-topic-local: var(--brand-secondary);
  --c-topic-social: var(--link);
  --c-topic-experience: var(--ink);
  --c-topic-liberal-soft: var(--brand-tint);
  --c-topic-local-soft: var(--brand-tint);
  --c-topic-social-soft: var(--brand-tint);
  --c-topic-experience-soft: var(--brand-tint);

  --c-open: var(--ink);
  --c-closed: var(--muted);
  --c-error: #b42318;

  --radius: 0;
  --radius-sm: 0;
  --shadow: none;
  --shadow-lg: 0 24px 60px rgb(0 8 42 / 28%);
  --gutter: 64px;
}
@media (max-width: 1100px) { :root { --gutter: 32px; } }
@media (max-width: 640px) { :root { --gutter: 16px; } }

/* בערבית: אין ב-COLBO אותיות ערביות, אז הכותרות ב-Simpler Black */
html[lang="ar"] { --font: "Simpler", system-ui, -apple-system, "Segoe UI", sans-serif; --font-display: "Simpler", system-ui, sans-serif; --fw-display: 900; }

/* רקעים לאזורים בעמוד */
.bg-white { background: #fff; }
.bg-surface, .bg-mist { background: var(--surface); }
.bg-surface-2 { background: var(--surface-2); }
.bg-cream { background: var(--cream); }
.bg-dark { background: var(--primary); color: var(--on-dark); --c-ink: #fff; --c-ink-2: var(--on-dark); --c-ink-3: var(--on-dark); --c-line: var(--divider); --c-focus: #fff; }