/* Design tokens — מותג BizAI · V2 · 2026
   "BizAI · לבנות עסק רזה ויעיל עם ai"
   המקור: ספר המותג (brand-book.html). שינוי כאן = שינוי בכל התוכן שנבנה עליו.
   copy/paste לכל פרויקט תוכן עתידי (רילס, קרוסלות, עמודי נחיתה). */
:root{
  /* צבע */
  --cream:#FBF7F0;         /* רקע ראשי · ~70% */
  --ink:#14213D;           /* טקסט, כותרות, רקעים כהים · ~24% */
  --orange:#FF6A15;        /* מבטא: גרפיקה, קווים, chips, מספרים גדולים, ה-AI בלוגו · ~4% */
  --gray:#6B7280;          /* משני: תוויות, קרדיטים · ~2% */
  --tint:#F1EADD;          /* טינט חם: פוטרים של כרטיסים, אריחי גריד */
  --desk:#E6DFD1;          /* רקע "שולחן" מאחורי כרטיסים / רקע עמודי הספר */
  --on-ink-muted:#9aa3b2;  /* טקסט מעומעם על דיו */
  --on-ink-soft:#c7cdd8;   /* טקסט רך על דיו */
  --orange-hover:#E85D0A;

  /* טיפוגרפיה */
  --font-head:'Secular One', sans-serif;          /* כותרות, מספרים גדולים, לוגו (משקל יחיד 400) */
  --font-body:'IBM Plex Sans Hebrew', sans-serif; /* גוף (400 / 500 / 600 / 700) */
  --font-label:'Assistant', sans-serif;           /* תוויות, קרדיטים, מספור (600, לעיתים 700/800) */

  /* רדיוסים */
  --radius-card:16px; --radius-lg:18px; --radius-app:16px; --radius-pill:999px;

  /* ריווח · שיטת 8 (כל מרווח/ריפוד = כפולה של 8) */
  --sp-1:8px; --sp-2:16px; --sp-3:24px; --sp-4:40px; --sp-5:64px;
}

/* בסיס RTL */
html{direction:rtl;}
body{background:var(--cream); color:var(--ink); font-family:var(--font-body); margin:0;}
h1,h2,.logo{font-family:var(--font-head); font-weight:400;}
a{color:var(--orange);} a:hover{color:var(--orange-hover);}

/* כלל צבע קשיח: הכתום לעולם לא לטקסט גוף קטן על קרם (ניגודיות נמוכה).
   רק לגרפיקה, קווים, chips ומספרים גדולים, ול-AI בלוגו. לטקסט תמיד דיו.
   מקסימום שני צבעי רקע בפוסט אחד. */