/* חומה — טוקנים: משתני הצבע, הרדיוס, גרדיאנט המותג והזהב. */
/* ============================================================================
   מערכת העיצוב של חומה — פורט מ-index.css של הפרויקט.
   כל הצבעים ב-oklch, כמו במקור.
   ========================================================================== */
:root {
  --radius: 0.5rem;
  --background: oklch(0.985 0.005 84);      /* שנהב חם במקום לבן קר */
  --foreground: oklch(0.170 0.042 259);
  --card: oklch(1 0 0 / 96%);
  --card-solid: oklch(1 0 0);
  --card-foreground: oklch(0.182 0.042 259);
  --primary: oklch(0.182 0.050 259);
  --primary-foreground: oklch(0.985 0.003 248);
  --secondary: oklch(0.960 0.005 84);
  --secondary-foreground: oklch(0.182 0.042 259);
  --muted: oklch(0.960 0.005 84);
  --muted-foreground: oklch(0.455 0.032 259);
  --accent: oklch(0.935 0.042 259);
  --border: oklch(0.885 0.018 259 / 80%);
  --border-solid: oklch(0.885 0.018 259);
  --input: oklch(0.865 0.016 259);
  --ring: oklch(0.475 0.163 259);

  /* ---- הכחול המלכותי. גוון אחד לכל האתר, בשלוש עומקים:
     deep ללחיצה וריחוף, growth לפעולה ולטקסט, bright לגרדיאנטים ולזוהר. ---- */
  --growth:        oklch(0.475 0.163 259);
  --growth-deep:   oklch(0.385 0.142 260);
  --growth-bright: oklch(0.605 0.185 260);
  --growth-foreground: oklch(0.985 0.003 248);
  --growth-wash:   oklch(0.955 0.022 259);
  --highlight: oklch(0.475 0.163 259);
  --navy: oklch(0.205 0.052 259);
  --navy-soft: oklch(0.318 0.072 259);

  /* גרדיאנט המותג — מופיע בקווי הדגשה, ברצועות ובכותרות מדורים */
  --grad-brand: linear-gradient(to left, var(--growth-deep), var(--growth-bright));
  --destructive: oklch(0.577 0.245 27.325);
  --amber: oklch(0.769 0.188 70.08);
  --sky: oklch(0.6 0.118 220);

  /* ---- זהב שמפניה: סימן האיכות של האתר. מופיע בקווים, בתוויות ובמסגרות,
     לעולם לא ככפתור פעולה — הפעולה נשארת כחולה. ---- */
  --gold:      oklch(0.795 0.098 84);
  --gold-deep: oklch(0.565 0.088 74);
  --gold-soft: oklch(0.945 0.038 86);
  --gold-line: color-mix(in oklab, var(--gold) 55%, transparent);
}