/* Tapos · ניהול משמרות — טוקנים של מערכת העיצוב.
   התכלת של Tapos הוא הצבע הראשי. ירוק / צהוב / אדום שמורים למשמעות: רוצה / יכול / לא יכול. */
:root {
  /* מותג */
  --primary: #0284C7;
  --primary-hover: #0369A1;
  --primary-soft: #E0F2FE;
  --primary-ink: #075985;

  /* משטחים וטקסט */
  --bg: #F5F8FB;
  --surface: #FFFFFF;
  --surface-2: #F1F5F9;
  --ink: #0F172A;
  --muted: #64748B;
  --line: #E2E8F0;
  --line-strong: #CBD5E1;

  /* משמעות */
  --want: #16A34A;   --want-soft: #DCFCE7;
  --can: #EAB308;    --can-soft: #FEF9C3;   --can-ink: #854D0E;
  --cannot: #DC2626; --cannot-soft: #FEE2E2;
  --draft: #64748B;

  /* צבעי תפקידים בלוח הסידור — פסטלים, רחוקים מנקודות הבקשה */
  --role-sky: #E0F2FE;    --role-sky-line: #7DD3FC;
  --role-green: #E6F4EA;  --role-green-line: #86CFA0;
  --role-amber: #FDF1DC;  --role-amber-line: #F2C27A;
  --role-violet: #EDE9FE; --role-violet-line: #B9A7F5;
  --role-pink: #FCE7F3;   --role-pink-line: #F2A7CB;
  --role-teal: #E0F5F2;   --role-teal-line: #7FD1C4;
  --role-orange: #FFEDD5; --role-orange-line: #F6B27A;
  --role-slate: #EEF2F6;  --role-slate-line: #B6C2D1;

  /* טיפוגרפיה */
  --font: "Rubik", "Heebo", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
  --fs-xs: 12px;
  --fs-sm: 13.5px;
  --fs-md: 15px;
  --fs-lg: 18px;
  --fs-xl: 24px;
  --fs-2xl: 30px;

  /* מרווחים, רדיוסים, צל */
  --s1: 4px; --s2: 8px; --s3: 12px; --s4: 16px; --s5: 20px; --s6: 24px; --s8: 32px;
  --r-sm: 8px; --r-md: 12px; --r-lg: 16px; --r-pill: 999px;
  --shadow-sm: 0 1px 2px rgba(15, 23, 42, .06);
  --shadow-md: 0 6px 24px rgba(15, 23, 42, .08);
  --focus: 0 0 0 3px rgba(2, 132, 199, .35);

  --sidebar-w: 248px;
  color-scheme: light;
}