/* PRD 11: Design System tokens */
:root {
  --color-primary-50:#EFF6FF; --color-primary-100:#DBEAFE; --color-primary-500:#3B82F6;
  --color-primary-600:#2563EB; --color-primary-700:#1D4ED8; --color-primary-900:#1E3A8A;
  --color-success-500:#22C55E; --color-warning-500:#F59E0B; --color-error-500:#EF4444; --color-info-500:#06B6D4;
  --color-gray-50:#F8FAFC; --color-gray-100:#F1F5F9; --color-gray-200:#E2E8F0; --color-gray-500:#64748B;
  --color-gray-700:#334155; --color-gray-900:#0F172A;
  --color-document:#7C3AED; --color-money:#059669; --color-warning:#D97706; --color-urgent:#DC2626;

  --space-1:4px; --space-2:8px; --space-3:12px; --space-4:16px; --space-5:20px; --space-6:24px;
  --space-8:32px; --space-10:40px; --space-12:48px; --space-16:64px; --space-20:80px; --space-24:96px;

  --radius-sm:4px; --radius-md:8px; --radius-lg:12px; --radius-xl:16px; --radius-full:9999px;

  --font-body:"Vazirmatn", Tahoma, Arial, sans-serif;
  --font-mono:"Courier New", monospace;

  /* type scale: mobile (PRD 10.5) */
  --fs-display:28px; --fs-h1:24px; --fs-h2:20px; --fs-h3:18px; --fs-body-lg:16px; --fs-body:14px; --fs-body-sm:12px; --fs-caption:11px;

  --bg:#FFFFFF; --surface:var(--color-gray-50); --text:var(--color-gray-900); --muted:var(--color-gray-500); --border:var(--color-gray-200);
  --shadow-sm:0 1px 2px rgba(15,23,42,.06); --shadow-md:0 4px 12px rgba(15,23,42,.08);
  --touch:48px; --touch-lg:56px;
  --container:1200px; --gutter:16px; --margin:16px;
}
@media (min-width:600px){ :root{ --fs-display:36px; --fs-h1:30px; --fs-h2:24px; --fs-h3:20px; --fs-body:15px; --fs-body-sm:13px; --gutter:24px; --margin:24px; } }
@media (min-width:960px){ :root{ --fs-display:48px; --fs-h1:36px; --fs-h2:28px; --fs-h3:22px; --fs-body-lg:18px; --fs-body:16px; --fs-body-sm:14px; --fs-caption:12px; --gutter:32px; --margin:40px; } }

@media (prefers-color-scheme: dark){
  :root[data-theme="auto"]{ --bg:#0B1220; --surface:#111a2b; --text:#E5EAF2; --muted:#9AA7B8; --border:#22304a; }
}
:root[data-theme="dark"]{ --bg:#0B1220; --surface:#111a2b; --text:#E5EAF2; --muted:#9AA7B8; --border:#22304a; }
