/* משתני העיצוב של האתר.
   הסגנון בהשראת studentsjlm.co.il: כחול לילה, אינדיגו, כתום, לבנדר ואפרסק.
   כשיגיע העיצוב הסופי מהמעצבות, מחליפים כאן צבעים, גופנים ורדיוסים. */
:root {
  --font: "Heebo", "Noto Sans Arabic", system-ui, -apple-system, "Segoe UI", sans-serif;

  /* פלטה */
  --navy: #151148;
  --indigo: #3f3a9c;
  --indigo-2: #2a2580;
  --orange: #e05a37;        /* קישוט, משטחים גדולים */
  --orange-strong: #c94420; /* טקסט לבן על כתום, עומד בניגודיות AA */
  --lavender: #c5becf;
  --peach: #f2cea9;
  --pink: #cc3366;

  /* ערכת ברירת מחדל (בהירה): חלונות, מגירה, אזורים בהירים */
  --c-bg: var(--lavender);
  --c-surface: #ffffff;
  --c-ink: var(--navy);
  --c-ink-2: #34305e;
  --c-ink-3: #4a4670;
  --c-line: rgb(21 17 72 / 16%);
  --c-tint: rgb(21 17 72 / 7%);
  --c-primary: var(--orange-strong);
  --c-primary-hover: #a9361a;
  --c-primary-ink: #ffffff;
  --c-primary-soft: #fbe3da;
  --c-accent: var(--orange-strong);
  --c-focus: var(--orange-strong);

  /* ארבעת צירי התוכן */
  --c-topic-liberal: #7d74f0;
  --c-topic-local: #f0a24a;
  --c-topic-social: #e0457a;
  --c-topic-experience: #2fb594;
  --c-topic-liberal-soft: #e4e1fb;
  --c-topic-local-soft: #fcebd6;
  --c-topic-social-soft: #fadbe6;
  --c-topic-experience-soft: #d6f2ea;

  --c-open: #13805f;
  --c-closed: #6b6790;
  --c-error: #b42318;

  --radius: 18px;
  --radius-sm: 12px;
  --shadow: 0 1px 2px rgb(21 17 72 / 8%), 0 10px 28px rgb(21 17 72 / 10%);
  --shadow-lg: 0 24px 70px rgb(21 17 72 / 35%);
  --wrap: 1200px;
  --gutter: 20px;
}

html[lang="ar"] {
  --font: "Noto Sans Arabic", "Heebo", system-ui, sans-serif;
}

/* ערכות צבע לאזורים בעמוד */
.theme-navy, .theme-indigo {
  --c-surface: #26216e;
  --c-ink: #ffffff;
  --c-ink-2: rgb(255 255 255 / 84%);
  --c-ink-3: rgb(255 255 255 / 70%);
  --c-line: rgb(255 255 255 / 18%);
  --c-tint: rgb(255 255 255 / 9%);
  --c-focus: var(--peach);
  color: var(--c-ink);
}
.theme-navy { background: var(--navy); }
.theme-indigo { background: var(--indigo); --c-surface: #2f2a86; }
.theme-lavender { background: var(--lavender); }
.theme-peach { background: var(--peach); }