/* tokens.json dosyasından üretildi; elle düzenlemeyin. */
:root {
  --bg: #F6F8FC;
  --surface: #FFFFFF;
  --surface-2: #EDF1F9;
  --line: #D8DFEC;
  --ink: #0B1330;
  --ink-muted: #4A5672;
  --navy: #1E3A8A;
  --navy-strong: #172E6E;
  --navy-soft: #E2E9F8;
  --on-navy: #FFFFFF;
  --amber: #F59E0B;
  --amber-strong: #FBBF24;
  --amber-ink: #B45309;
  --on-amber: #0B1330;
  --hero: #0A1645;
  --hero-2: #13246B;
  --hero-ink: #F4F7FF;
  --hero-muted: #B4C1E8;
  --hero-line: #FFFFFF1A;
  --flow-sale: #2563EB;
  --flow-collect: #059669;
  --flow-purchase: #D97706;
  --flow-pay: #E11D48;
  --ok: #047857;
  --danger: #BE123C;
  --band: #0A1645;
  --on-band: #E6ECF8;
  --on-band-muted: #A9B6D3;
  --shadow-ink: #0A1645;
  --grid-line: #1E3A8A14;
  --shadow-1: 0 1px 2px color-mix(in srgb, var(--shadow-ink) 8%, transparent), 0 1px 1px color-mix(in srgb, var(--shadow-ink) 4%, transparent);
  --shadow-2: 0 2px 4px color-mix(in srgb, var(--shadow-ink) 6%, transparent), 0 10px 28px color-mix(in srgb, var(--shadow-ink) 10%, transparent);
  --shadow-3: 0 6px 12px color-mix(in srgb, var(--shadow-ink) 10%, transparent), 0 32px 64px color-mix(in srgb, var(--shadow-ink) 22%, transparent);
  --pattern-grid: 56px;
  --font-display: 'Space Grotesk', 'Inter', system-ui, sans-serif;
  --font-body: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, 'SFMono-Regular', monospace;
  --size-step--2: 0.75rem;
  --size-step--1: 0.875rem;
  --size-step-0: 1rem;
  --size-step-1: 1.25rem;
  --size-step-2: 1.5625rem;
  --size-step-3: clamp(1.85rem, 1.4rem + 1.9vw, 2.75rem);
  --size-step-4: clamp(2.5rem, 1.5rem + 4.4vw, 4.75rem);
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-16: 64px;
  --space-24: 96px;
  --space-section: clamp(72px, 7vw + 32px, 136px);
  --radius-sm: 4px;
  --radius-md: 10px;
  --radius-lg: 18px;
  --radius-xl: 26px;
  --radius-tile: 22%;
  --layout-max: 1200px;
  --layout-measure: 62ch;
  --motion-fast: 160ms;
  --motion-assemble: 720ms;
  --motion-chain: 7s;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #070D1F;
    --surface: #0F182E;
    --surface-2: #141F3A;
    --line: #24314F;
    --ink: #EEF2FB;
    --ink-muted: #A4AFC7;
    --navy: #93C5FD;
    --navy-strong: #BFDBFE;
    --navy-soft: #18284D;
    --on-navy: #070D1F;
    --amber: #FBBF24;
    --amber-strong: #FCD34D;
    --amber-ink: #FBBF24;
    --on-amber: #0B1330;
    --hero: #050B1E;
    --hero-2: #0C1838;
    --hero-ink: #F4F7FF;
    --hero-muted: #9FAED6;
    --hero-line: #FFFFFF14;
    --flow-sale: #60A5FA;
    --flow-collect: #34D399;
    --flow-purchase: #FBBF24;
    --flow-pay: #FB7185;
    --ok: #34D399;
    --danger: #FB7185;
    --band: #040816;
    --on-band: #D5DDEC;
    --on-band-muted: #8D9AB4;
    --shadow-ink: #000000;
    --grid-line: #93C5FD12;
    color-scheme: dark;
  }
}
:root[data-theme="dark"] {
  --bg: #070D1F;
  --surface: #0F182E;
  --surface-2: #141F3A;
  --line: #24314F;
  --ink: #EEF2FB;
  --ink-muted: #A4AFC7;
  --navy: #93C5FD;
  --navy-strong: #BFDBFE;
  --navy-soft: #18284D;
  --on-navy: #070D1F;
  --amber: #FBBF24;
  --amber-strong: #FCD34D;
  --amber-ink: #FBBF24;
  --on-amber: #0B1330;
  --hero: #050B1E;
  --hero-2: #0C1838;
  --hero-ink: #F4F7FF;
  --hero-muted: #9FAED6;
  --hero-line: #FFFFFF14;
  --flow-sale: #60A5FA;
  --flow-collect: #34D399;
  --flow-purchase: #FBBF24;
  --flow-pay: #FB7185;
  --ok: #34D399;
  --danger: #FB7185;
  --band: #040816;
  --on-band: #D5DDEC;
  --on-band-muted: #8D9AB4;
  --shadow-ink: #000000;
  --grid-line: #93C5FD12;
  color-scheme: dark;
}