/* 
 * Design Tokens - CSSoul v0.0.2
 * ערכים גלובליים שמשמשים את כל המערכת
 * שימוש ב-CSS Variables מאפשר החלפת themes דינמית
 */
:root {
  /* Brand core */
  --primary: #0077ff;
  --primary-600: #005fcc;
  --primary-700: #004c99;
  --accent: #ffbb00;
  --accent-600: #cc9900;

  /* Surface */
  --bg: #ffffff;
  --bg-muted: #f6f7f9;
  --text: #1f2328;
  --text-muted: #6b7280;
  --border: #e5e7eb;

  /* Layout scale */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --radius-sm: 8px;
  --radius: 12px;
  --radius-lg: 18px;
  --shadow-1: 0 2px 8px rgba(0,0,0,.06);
  --shadow-2: 0 8px 24px rgba(0,0,0,.08);

  /* Typography */
  /* System fonts - טעינה מיידית, תמיכה רחבה */
  --font-primary: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Apple Color Emoji", "Segoe UI Emoji";
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  /* Fluid typography - responsive sizes */
  --fs-1: clamp(2rem, 2vw + 1rem, 2.75rem); /* 32px-44px */
  --fs-2: clamp(1.5rem, 1.2vw + 1rem, 2rem); /* 24px-32px */
  --fs-3: 1.25rem; /* 20px */
  --fs-base: 16px; /* גודל בסיס - WCAG minimum */
  --lh: 1.6; /* line-height אופטימלי לקריאות */
}