/* ── Design Tokens — נתראה בשמחות ─────────────────────────────────────────── */
:root {
  /* Brand colours */
  --color-primary:        #1D4F91;   /* Deep royal blue */
  --color-primary-light:  #2563BB;
  --color-primary-dark:   #153870;
  --color-accent-sky:     #7FB6E6;   /* Sky blue */
  --color-accent-sky-light: #B3D4F0;
  --color-gold:           #C9A24A;   /* Gold accent */
  --color-gold-light:     #E0C47A;

  /* Neutral palette */
  --color-white:          #FFFFFF;
  --color-surface:        #F5F8FE;
  --color-surface-card:   #FFFFFF;
  --color-border:         #D1DDF0;
  --color-border-focus:   #7FB6E6;
  --color-text-primary:   #111827;
  --color-text-secondary: #4B5563;
  --color-text-muted:     #9CA3AF;
  --color-text-inverse:   #FFFFFF;

  /* Semantic */
  --color-success:        #16A34A;
  --color-success-bg:     #DCFCE7;
  --color-error:          #DC2626;
  --color-error-bg:       #FEE2E2;
  --color-warning:        #D97706;
  --color-warning-bg:     #FEF3C7;
  --color-info:           #2563EB;
  --color-info-bg:        #DBEAFE;

  /* Typography */
  --font-body:   'Heebo', 'Arial Hebrew', Arial, sans-serif;
  --font-heading: 'Frank Ruhl Libre', 'Times New Roman', serif;

  --text-xs:    0.75rem;    /* 12px */
  --text-sm:    0.875rem;   /* 14px */
  --text-base:  1rem;       /* 16px */
  --text-lg:    1.125rem;   /* 18px */
  --text-xl:    1.25rem;    /* 20px */
  --text-2xl:   1.5rem;     /* 24px */
  --text-3xl:   1.875rem;   /* 30px */

  --weight-light:  300;
  --weight-normal: 400;
  --weight-medium: 500;
  --weight-bold:   700;

  --leading-tight:  1.25;
  --leading-normal: 1.6;

  /* Spacing scale (8 pt) */
  --space-1:   0.25rem;   /* 4px  */
  --space-2:   0.5rem;    /* 8px  */
  --space-3:   0.75rem;   /* 12px */
  --space-4:   1rem;      /* 16px */
  --space-5:   1.25rem;   /* 20px */
  --space-6:   1.5rem;    /* 24px */
  --space-8:   2rem;      /* 32px */
  --space-10:  2.5rem;    /* 40px */
  --space-12:  3rem;      /* 48px */
  --space-16:  4rem;      /* 64px */

  /* Radius */
  --radius-sm:  0.25rem;
  --radius-md:  0.5rem;
  --radius-lg:  0.75rem;
  --radius-xl:  1rem;
  --radius-full: 9999px;

  /* Shadows */
  --shadow-sm:  0 1px 2px 0 rgb(0 0 0 / 0.05);
  --shadow-md:  0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --shadow-lg:  0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);

  /* Layout */
  --sidebar-width: 220px;
  --topbar-height: 56px;
  --content-max:   1100px;

  /* Transitions */
  --transition-fast:   150ms ease;
  --transition-normal: 250ms ease;
}