/* tokens.css — design-tokens.md'den üretildi — 2026-05-03 */

:root {
  /* Base colors */
  --color-bg:           #050110;
  --color-surface:      #0e0b1e;
  --color-muted:        #1a1530;
  --color-border:       rgba(255,255,255,0.10);
  --color-text:         #f5f2ec;
  --color-text-muted:   #ccc5b5;
  --color-primary:      #FF6A00;
  --color-primary-fg:   #FFFFFF;

  /* Default accent */
  --accent:             #FF6A00;
  --accent-fg:          #FFFFFF;

  /* Typography */
  --font-display:  'General Sans', ui-sans-serif, system-ui, sans-serif;
  --font-body:     'Geist Sans', ui-sans-serif, system-ui, sans-serif;
  --font-mono:     'JetBrains Mono', 'Cascadia Code', monospace;
  --font-serif:    'Fraunces', 'Georgia', serif;
  --font-warm:     'Lora', 'Georgia', serif;
  --font-condensed:'Montserrat', 'Arial Narrow', sans-serif;

  /* Scale */
  --text-xs:   11px;
  --text-sm:   13px;
  --text-base: 15px;
  --text-lg:   17px;
  --text-xl:   20px;
  --text-2xl:  24px;
  --text-3xl:  30px;
  --text-4xl:  36px;
  --text-hero: 44px;

  /* Spacing */
  --space-1:  4px;
  --space-2:  8px;
  --space-3:  12px;
  --space-4:  16px;
  --space-5:  20px;
  --space-6:  24px;
  --space-8:  32px;
  --space-12: 48px;

  /* Radius */
  --radius-sm:   4px;
  --radius-md:   8px;
  --radius-lg:   12px;
  --radius-xl:   16px;
  --radius-2xl:  24px;
  --radius-full: 9999px;

  /* Shadow */
  --shadow-sm:   0 1px 2px rgba(0,0,0,0.15);
  --shadow-md:   0 4px 16px rgba(0,0,0,0.25);
  --shadow-lg:   0 10px 40px rgba(0,0,0,0.35);
  --shadow-glow: 0 0 32px rgba(255,106,0,0.4);
  --shadow-neon: 0 0 20px rgba(99,102,241,0.6);

  /* Motion */
  --dur-fast:   150ms;
  --dur-base:   300ms;
  --dur-slow:   600ms;
  --dur-story:  1200ms;
  --ease-std:   cubic-bezier(0.4,0,0.2,1);
  --ease-spring:cubic-bezier(0.34,1.56,0.64,1);
  --ease-out:   cubic-bezier(0,0,0.2,1);
}

/* Variant accent + bg overrides */
[data-variant^="01_"] { --accent:#818cf8; --color-bg:#050110; --color-text:#f5f2ec; --color-text-muted:#9ca3af; }
[data-variant^="02_"] { --accent:#2dd4bf; --color-bg:#04061a; --color-text:#e2f0ef; --color-text-muted:#6db8b0; }
[data-variant^="03_"] { --accent:#a78bfa; --color-bg:#02010d; --color-text:#f3f0ff; --color-text-muted:#8b7fc4; }
[data-variant^="04_"] { --accent:#c9a227; --color-bg:#070502; --color-text:#f0e8d0; --color-text-muted:#9a8860; }
[data-variant^="05_"] { --accent:#22d3ee; --color-bg:#0a0a0a; --color-text:#d4d4d4; --color-text-muted:#737373; }
[data-variant^="06_"] { --accent:#f72585; --color-bg:#0d0019; --color-text:#f8f0ff; --color-text-muted:#b57dd4; }
[data-variant^="07_"] { --accent:#c0392b; --color-bg:#fafaf8; --color-text:#1a1210; --color-text-muted:#6b5e56; }
[data-variant^="08_"] { --accent:#e63329; --color-bg:#ffffff; --color-text:#111111; --color-text-muted:#666666; }
[data-variant^="09_"] { --accent:#f0e800; --color-bg:#f0f0f0; --color-text:#111111; --color-text-muted:#555555; }
[data-variant^="10_"] { --accent:#b5541a; --color-bg:#fef9f0; --color-text:#2d1f0e; --color-text-muted:#856845; }
[data-variant^="11_"] { --accent:#FF6A00; --color-bg:#f5f5f7; --color-text:#1d1d1f; --color-text-muted:#6e6e73; }
[data-variant^="12_"] { --accent:#7c3aed; --color-bg:#fafbff; --color-text:#1a1040; --color-text-muted:#6b5fa0; }