/* Waygo Design Tokens — DESIGN.md'den üretilmiştir. ELLE DÜZENLEMEYİN. */
/* Yeniden üretmek için: pnpm --filter @waygo/design-tokens run build */

:root {
  color-scheme: dark;
  /* color */
  --wg-canvas: #05070E;
  --wg-surface-1: #0A0E1A;
  --wg-surface-2: #111726;
  --wg-surface-3: #182034;
  --wg-surface-4: #202A42;
  --wg-surface-inset: #03050A;
  --wg-scrim: rgba(3,5,10,0.76);
  --wg-hairline: rgba(255,255,255,0.08);
  --wg-hairline-strong: rgba(255,255,255,0.14);
  --wg-hairline-faint: rgba(255,255,255,0.05);
  --wg-hairline-accent: rgba(34,211,238,0.35);
  --wg-ink: #F2F5FA;
  --wg-ink-body: #C7D0E0;
  --wg-ink-muted: #8A95AB;
  --wg-ink-subtle: #5D6880;
  --wg-ink-disabled: #3E4657;
  --wg-ink-inverse: #05070E;
  --wg-on-accent: #04121A;
  --wg-on-primary: #FFFFFF;
  --wg-blue: #2563EB;
  --wg-blue-bright: #3B82F6;
  --wg-blue-soft: rgba(37,99,235,0.16);
  --wg-cyan: #22D3EE;
  --wg-turquoise: #2DD4BF;
  --wg-purple: #8B5CF6;
  --wg-pink: #EC4899;
  --wg-yellow: #FACC15;
  --wg-success: #22C55E;
  --wg-success-soft: rgba(34,197,94,0.14);
  --wg-warning: #F59E0B;
  --wg-warning-soft: rgba(245,158,11,0.14);
  --wg-danger: #EF4444;
  --wg-danger-soft: rgba(239,68,68,0.14);
  --wg-info: #38BDF8;
  --wg-info-soft: rgba(56,189,248,0.14);
  /* gradient */
  --wg-grad-motion: linear-gradient(90deg, #2563EB 0%, #22D3EE 50%, #2DD4BF 100%);
  --wg-grad-brand: linear-gradient(135deg, #2563EB 0%, #22D3EE 35%, #8B5CF6 70%, #EC4899 100%);
  --wg-grad-depth: linear-gradient(180deg, #8B5CF6 0%, #2563EB 100%);
  --wg-grad-glow: radial-gradient(60% 60% at 50% 0%, rgba(34,211,238,0.18) 0%, transparent 70%);
  /* spacing */
  --wg-space-0: 0;
  --wg-space-1: 4px;
  --wg-space-2: 8px;
  --wg-space-3: 12px;
  --wg-space-4: 16px;
  --wg-space-5: 20px;
  --wg-space-6: 24px;
  --wg-space-8: 32px;
  --wg-space-12: 48px;
  --wg-space-16: 64px;
  --wg-space-24: 96px;
  --wg-space-32: 128px;
  /* font family */
  --wg-font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --wg-font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, monospace;
  /* typography */
  --wg-type-display-xxl-size: 72px;
  --wg-type-display-xxl-line-height: 1.02;
  --wg-type-display-xxl-weight: 600;
  --wg-type-display-xxl-tracking: -2.6px;
  --wg-type-display-xl-size: 56px;
  --wg-type-display-xl-line-height: 1.06;
  --wg-type-display-xl-weight: 600;
  --wg-type-display-xl-tracking: -1.8px;
  --wg-type-display-lg-size: 40px;
  --wg-type-display-lg-line-height: 1.12;
  --wg-type-display-lg-weight: 600;
  --wg-type-display-lg-tracking: -1.1px;
  --wg-type-display-md-size: 32px;
  --wg-type-display-md-line-height: 1.18;
  --wg-type-display-md-weight: 600;
  --wg-type-display-md-tracking: -0.7px;
  --wg-type-headline-size: 24px;
  --wg-type-headline-line-height: 1.25;
  --wg-type-headline-weight: 600;
  --wg-type-headline-tracking: -0.4px;
  --wg-type-title-size: 20px;
  --wg-type-title-line-height: 1.30;
  --wg-type-title-weight: 550;
  --wg-type-title-tracking: -0.2px;
  --wg-type-body-lg-size: 18px;
  --wg-type-body-lg-line-height: 1.55;
  --wg-type-body-lg-weight: 400;
  --wg-type-body-lg-tracking: -0.1px;
  --wg-type-body-size: 16px;
  --wg-type-body-line-height: 1.55;
  --wg-type-body-weight: 400;
  --wg-type-body-tracking: 0;
  --wg-type-body-sm-size: 14px;
  --wg-type-body-sm-line-height: 1.50;
  --wg-type-body-sm-weight: 400;
  --wg-type-body-sm-tracking: 0;
  --wg-type-caption-size: 13px;
  --wg-type-caption-line-height: 1.40;
  --wg-type-caption-weight: 450;
  --wg-type-caption-tracking: 0;
  --wg-type-micro-size: 11px;
  --wg-type-micro-line-height: 1.30;
  --wg-type-micro-weight: 500;
  --wg-type-micro-tracking: 0.3px;
  --wg-type-eyebrow-size: 12px;
  --wg-type-eyebrow-line-height: 1.30;
  --wg-type-eyebrow-weight: 600;
  --wg-type-eyebrow-tracking: 0.8px;
  --wg-type-button-size: 15px;
  --wg-type-button-line-height: 1.20;
  --wg-type-button-weight: 550;
  --wg-type-button-tracking: 0;
  --wg-type-mono-size: 13px;
  --wg-type-mono-line-height: 1.50;
  --wg-type-mono-weight: 400;
  --wg-type-mono-tracking: 0;
  /* radius */
  --wg-radius-xs: 4px;
  --wg-radius-sm: 8px;
  --wg-radius-md: 12px;
  --wg-radius-lg: 16px;
  --wg-radius-xl: 20px;
  --wg-radius-xxl: 28px;
  --wg-radius-pill: 9999px;
  /* shadow */
  --wg-shadow-none: none;
  --wg-shadow-soft: 0 1px 2px rgba(0,0,0,0.30), 0 8px 24px rgba(0,0,0,0.24);
  --wg-shadow-lift: 0 2px 4px rgba(0,0,0,0.35), 0 16px 48px rgba(0,0,0,0.32);
  /* glow */
  --wg-glow-signal: 0 0 0 1px rgba(34,211,238,0.30), 0 0 24px rgba(34,211,238,0.22);
  --wg-glow-focus: 0 0 0 2px #05070E, 0 0 0 4px #22D3EE;
  --wg-glow-cta: 0 0 32px rgba(37,99,235,0.28);
  /* z-index */
  --wg-z-base: 0;
  --wg-z-map: 0;
  --wg-z-map-route: 10;
  --wg-z-map-marker: 20;
  --wg-z-map-control: 30;
  --wg-z-map-panel: 40;
  --wg-z-sticky: 100;
  --wg-z-header: 200;
  --wg-z-dropdown: 300;
  --wg-z-overlay: 400;
  --wg-z-modal: 500;
  --wg-z-toast: 600;
  --wg-z-tooltip: 700;
  /* motion */
  --wg-dur-instant: 100ms;
  --wg-dur-fast: 160ms;
  --wg-dur-base: 240ms;
  --wg-dur-slow: 400ms;
  --wg-dur-deliberate: 700ms;
  --wg-ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --wg-ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --wg-ease-motion: cubic-bezier(0.22, 0.61, 0.36, 1);
  /* breakpoints (yalnızca referans — media query'de var() kullanılamaz) */
  --wg-bp-sm: 640px;
  --wg-bp-md: 768px;
  --wg-bp-lg: 1024px;
  --wg-bp-xl: 1280px;
  --wg-bp-xxl: 1536px;
  /* layout */
  --wg-layout-content-max-width: 1200px;
  --wg-layout-prose-max-width: 760px;
  --wg-layout-wide-max-width: 1440px;
  --wg-layout-rail-width: 72px;
  /* operasyon konsolu yoğunluğu (DEC-075) */
  --wg-stroke-hairline: 0.5px;
  --wg-weight-regular: 400;
  --wg-weight-medium: 500;
  --wg-size-dot: 7px;
  --wg-size-row: 36px;
  --wg-size-control: 32px;
}

/* Açık tema — operasyon teması (DESIGN.md §3.7, DEC-044).
   Kimliği doğrulanmış admin/destek kabukları bu bloğu açar; pazarlama
   yüzeyi ve giriş ekranları koyu varsayılanda kalır. */
[data-theme="light"] {
  color-scheme: light;
  --wg-canvas: #E8ECF3;
  --wg-surface-1: #FFFFFF;
  --wg-surface-2: #F2F5FA;
  --wg-surface-3: #E2E8F2;
  --wg-surface-4: #FFFFFF;
  --wg-surface-inset: #EDF1F7;
  --wg-scrim: rgba(8,13,24,0.52);
  --wg-hairline: rgba(12,20,38,0.14);
  --wg-hairline-strong: rgba(12,20,38,0.26);
  --wg-hairline-faint: rgba(12,20,38,0.08);
  --wg-hairline-accent: rgba(14,116,144,0.55);
  --wg-ink: #080D18;
  --wg-ink-body: #273249;
  --wg-ink-muted: #4C5872;
  --wg-ink-subtle: #5C6880;
  --wg-ink-disabled: #97A2B6;
  --wg-ink-inverse: #FFFFFF;
  --wg-on-accent: #FFFFFF;
  --wg-blue: #1D4ED8;
  --wg-blue-bright: #2563EB;
  --wg-blue-soft: #E8F0FE;
  --wg-cyan: #0E7490;
  --wg-turquoise: #0F766E;
  --wg-purple: #6D28D9;
  --wg-pink: #BE185D;
  --wg-yellow: #A16207;
  --wg-success: #15803D;
  --wg-success-soft: rgba(21,128,61,0.14);
  --wg-warning: #B45309;
  --wg-warning-soft: rgba(180,83,9,0.14);
  --wg-danger: #B91C1C;
  --wg-danger-soft: rgba(185,28,28,0.12);
  --wg-info: #0369A1;
  --wg-info-soft: rgba(3,105,161,0.12);
  --wg-shadow-none: none;
  --wg-shadow-soft: 0 1px 1px rgba(12,20,38,0.05), 0 2px 6px rgba(12,20,38,0.06);
  --wg-shadow-lift: 0 1px 2px rgba(12,20,38,0.07), 0 12px 32px rgba(12,20,38,0.14);
  --wg-glow-signal: 0 0 0 1px rgba(14,116,144,0.35), 0 0 0 4px rgba(14,116,144,0.12);
  --wg-glow-focus: 0 0 0 2px #FFFFFF, 0 0 0 4px #0E7490;
  --wg-glow-cta: none;
}

/* DESIGN.md §17.2 — reduced-motion, !important yasağının tek istisnası. */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 1ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 1ms !important;
    scroll-behavior: auto !important;
  }
}