/* =========================================================
   نابغه · Design Tokens
   Signature: "spark of genius" — amber → orange gradient that
   glows brighter as the theme goes dark. Warm white by day,
   deep aubergine-ink by night.
   ========================================================= */

:root,
[data-theme="light"] {
  --bg: #FFFFFF;
  --bg-soft: #FEFCFA;
  --surface: #FFFFFF;
  --surface-2: #FAFAF8;
  --surface-raised: #FFFFFF;

  --ink: #1B1330;
  --ink-soft: #5B5470;
  --ink-faint: #948DA8;

  --border: #FFDDB8;
  --border-strong: #FFB877;

  --amber: #FFB020;
  --orange: #FF7A29;
  --ember: #F2542D;
  --violet: #6C4CE0;
  --violet-soft: #EFE9FF;
  --violet-ink: #4B32B0;

  --success: #1E9C68;
  --success-soft: #E5F7EE;
  --danger: #E14B4B;
  --danger-soft: #FDEBEB;

  --shadow-rgb: 27, 19, 48;
  --spark-gradient: linear-gradient(135deg, var(--amber) 0%, var(--orange) 55%, var(--ember) 100%);
  --spark-gradient-soft: linear-gradient(135deg, rgba(255,176,32,0.14), rgba(255,122,41,0.10));

  --scrollbar-thumb: #FFCDA0;
}

[data-theme="dark"] {
  --bg: #120E1C;
  --bg-soft: #171226;
  --surface: #1C1630;
  --surface-2: #241C3D;
  --surface-raised: #241C3D;

  --ink: #F6F1E8;
  --ink-soft: #C3BAD9;
  --ink-faint: #8B82A8;

  --border: #322A54;
  --border-strong: #3E3568;

  --amber: #FFC24B;
  --orange: #FF8A42;
  --ember: #FF6B47;
  --violet: #9683FF;
  --violet-soft: #2B2354;
  --violet-ink: #C9BFFF;

  --success: #35C98B;
  --success-soft: #16321F;
  --danger: #FF6B6B;
  --danger-soft: #3A1A1A;

  --shadow-rgb: 0, 0, 0;
  --spark-gradient: linear-gradient(135deg, var(--amber) 0%, var(--orange) 55%, var(--ember) 100%);
  --spark-gradient-soft: linear-gradient(135deg, rgba(255,194,75,0.16), rgba(255,138,66,0.12));

  --scrollbar-thumb: #3E3568;
}

:root {
  --font-display: 'Vazirmatn', 'Tahoma', sans-serif;
  --font-body: 'Vazirmatn', 'Tahoma', sans-serif;
  --font-mono: 'JetBrains Mono', 'Courier New', monospace;

  --fs-hero: clamp(2.1rem, 1.4rem + 3.2vw, 4rem);
  --fs-h1: clamp(1.75rem, 1.3rem + 2vw, 2.75rem);
  --fs-h2: clamp(1.4rem, 1.15rem + 1.1vw, 2rem);
  --fs-h3: clamp(1.15rem, 1.05rem + 0.5vw, 1.4rem);
  --fs-body: 1rem;
  --fs-sm: 0.875rem;
  --fs-xs: 0.75rem;

  --radius-sm: 10px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-xl: 32px;
  --radius-pill: 999px;

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 96px;

  --container: 1160px;

  --shadow-sm: 0 2px 8px rgba(var(--shadow-rgb), 0.06);
  --shadow-md: 0 8px 24px rgba(var(--shadow-rgb), 0.10);
  --shadow-lg: 0 20px 48px rgba(var(--shadow-rgb), 0.16);
  --shadow-glow: 0 8px 28px rgba(255, 122, 41, 0.35);

  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --dur-fast: 150ms;
  --dur-normal: 260ms;
  --dur-slow: 480ms;
}