/* ============================================================
   פלנטע ניוזלטר - טוקנים (סיבוב 2)
   מקור אחד לכל ערך חזותי בממשק. app.css לא מגדיר צבעים, רדיוסים,
   מרווחים או צללים משלו - רק מפנה לכאן. תוכנית: docs/visual-v2/DESIGN-PLAN-round2.md
   ============================================================ */

:root {
  /* ---------- שכבות רקע: עומק משכבות, לא מצללים ---------- */
  --bg-app:        #F7F5F1;
  --bg-surface:    #FFFFFF;
  --bg-sidebar:    #F0EDE6;
  --bg-subtle:     #F3F0EA;
  --bg-subtle-2:   #EBE7DF;
  --bg-selected:   #E9EEEA;

  /* ---------- קווים ---------- */
  --border:        #E6E1D8;
  --border-strong: #D5CFC3;

  /* ---------- טקסט ----------
     muted עובר AA (4.5:1) גם על --bg-sidebar, השכבה הכהה ביותר שעליה יש טקסט.
     faint רק לאייקונים ו-placeholder - לא לטקסט שנושא מידע. */
  --text:          #1E2320;
  --text-muted:    #66655E;
  --text-faint:    #8C8A82;

  /* ---------- מותג: צבע פעיל אחד ---------- */
  --accent:        #122B1F;
  --accent-hover:  #0B1D14;
  --on-accent:     #F0E7D0;
  --accent-wash:   #E9EEEA;
  --accent-line:   #B9C7BE;
  --cream:         #F0E7D0;
  --cream-soft:    #FBF6EA;

  /* ---------- סמנטי ---------- */
  --ok:            #2E6B47;
  --ok-wash:       #E7F0EA;
  --warn:          #7A5F22;
  --warn-wash:     #F6F0E1;
  --danger:        #A33B2B;
  --danger-wash:   #F8ECE9;

  /* ---------- רדיוס: 4-8, בלי באבל. pill רק למתג ---------- */
  --radius-sm:     4px;
  --radius-md:     6px;
  --radius-lg:     8px;
  --radius-pill:   999px;

  /* ---------- צל: כמעט אפס. pop רק למה שצף מעל התוכן ---------- */
  --shadow-xs:     0 1px 0 rgba(18, 43, 31, .04);
  --shadow-pop:    0 6px 24px rgba(18, 43, 31, .10), 0 1px 2px rgba(18, 43, 31, .06);

  /* ---------- מרווחים: סולם 4/8 ---------- */
  --space-1:  4px;
  --space-2:  8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;

  /* ---------- טיפוגרפיה ----------
     Assistant - אותו גופן כמו המייל. הממשק והתוצר מדברים באותו קול. */
  --font:          'Assistant', 'Heebo', 'Arial Hebrew', Arial, sans-serif;
  --lh-body:       1.55;
  --lh-tight:      1.25;
  --fw-regular:    400;
  --fw-medium:     500;
  --fw-semibold:   600;
  --fw-bold:       700;

  /* ---------- פקדים ---------- */
  --control-h:     2.25rem;
  --focus-outline: 1.5px solid var(--accent);
  --focus-halo:    0 0 0 3px rgba(18, 43, 31, .12);

  /* ---------- תנועה: קצר, רק רקע/opacity/גבול ---------- */
  --dur:           140ms;
  --ease:          cubic-bezier(.2, .7, .3, 1);

  /* ---------- מבנה העורך ---------- */
  --pane-blocks:   20rem;
  --pane-inspector: 23rem;
}