/* הון בעצמי — Design Tokens (Slice 1)
   ---------------------------------------------------------------
   מקור האמת לטוקני המותג של לאה, נגזר מ-docs/brand-kit.md.
   נטען לפני app.css ב-index.html וב-screens/*.html.

   הערה: app.css מכיל עותק זהה של אותם משתנים ב-:root שלו, כדי
   שהדפים העצמאיים (admin-portal.html, brand-kit.html) שטוענים רק
   את app.css ימשיכו לעבוד. הקובץ הזה הוא המקור הקנוני; אם משנים
   ערך מותג — לעדכן כאן וגם ב-:root שב-app.css עד שהם יאוחדו.
   אין כאן @font-face: קובצי הגופן מוכרזים פעם אחת ב-app.css.
   ----------------------------------------------------------------*/

:root {
  color-scheme: light;

  /* Colors — Blues (אמון, יציבות, ביטחון) */
  --blue: #3a5a7c;          /* Dusty Blue  */
  --blue-dark: #2c4660;     /* Blue Dark   */
  --blue-pale: #ebf0f5;     /* Blue Pale   */

  /* Colors — Caramel (פעולה, התקדמות, קריאה לפעולה) */
  --caramel: #c9956b;       /* Warm Caramel */
  --caramel-dark: #b8844e;
  --caramel-action: #9f6539;
  --caramel-pale: #f5e6d5;  /* Caramel Pale */

  /* Colors — Neutrals */
  --cream: #faf7f2;         /* בסיס רקע רך  */
  --white: #ffffff;
  --text: #2a2622;          /* Warm Charcoal */
  --muted: #6b6560;         /* Warm Gray    */
  --faint: #9b9590;
  --border: #e8e2da;        /* Sand Border  */

  /* Colors — Semantic accents */
  --green: #5b8c5a;
  --green-pale: #edf5ed;
  --red: #c45b4a;
  --red-pale: #fceae7;
  --purple: #8b6bb5;
  --purple-pale: #f0ebf5;

  /* Radii */
  --radius-sm: 8px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --radius-xl: 22px;

  /* Layout */
  --sidebar: 262px;
  --topbar: 104px;

  /* Elevation */
  --shadow: 0 12px 34px rgba(42, 38, 34, 0.08);
  --shadow-hover: 0 18px 44px rgba(58, 90, 124, 0.14);

  /* Typography — Talent FS */
  --font: "Talent FS", "Segoe UI", Arial, sans-serif;
  font-family: "Talent FS", "Segoe UI", Arial, sans-serif;
}