/* AJS Tokens - Design system primitives (2026 Siyah + Turuncu/Kırmızı elektrik teması) */
:root {
  /* Colors - Dark siyah arka plan + elektrik turuncu + uyarı kırmızı */
  --ajs-bg: #0B0B0D;
  --ajs-bg-2: #07070A;
  --ajs-surface: #17171B;
  --ajs-surface-2: #1F1F25;
  --ajs-surface-3: #2A2A32;
  --ajs-border: rgba(255, 255, 255, 0.08);
  --ajs-border-strong: rgba(255, 255, 255, 0.16);
  --ajs-text: #FAFAFA;
  --ajs-text-mute: #C9C9D0;
  --ajs-text-soft: #86868F;
  --ajs-brand: #F97316;
  --ajs-brand-2: #EA580C;
  --ajs-brand-weak: color-mix(in srgb, var(--ajs-brand) 16%, transparent);
  --ajs-accent: #EF4444;
  --ajs-accent-weak: rgba(239, 68, 68, 0.14);
  --ajs-danger: #DC2626;
  --ajs-danger-weak: rgba(220, 38, 38, 0.14);
  --ajs-success: #10B981;
  --ajs-warn: #F59E0B;
  --ajs-whatsapp: #25D366;

  /* Typography */
  --ajs-font: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  --ajs-font-display: var(--ajs-font);
  --ajs-lh-tight: 1.15;
  --ajs-lh-base: 1.55;
  --ajs-lh-loose: 1.75;

  /* Font sizes */
  --ajs-fs-xs: 0.8125rem;
  --ajs-fs-sm: 0.9375rem;
  --ajs-fs-base: 1rem;
  --ajs-fs-lg: 1.125rem;
  --ajs-fs-xl: 1.375rem;
  --ajs-fs-2xl: 1.625rem;
  --ajs-fs-3xl: 2rem;
  --ajs-fs-4xl: 2.5rem;
  --ajs-fs-hero: clamp(2rem, 3.6vw, 3.4rem);

  /* Spacing (8px grid) */
  --ajs-sp-0: 0;
  --ajs-sp-1: 0.25rem;
  --ajs-sp-2: 0.5rem;
  --ajs-sp-3: 0.75rem;
  --ajs-sp-4: 1rem;
  --ajs-sp-5: 1.5rem;
  --ajs-sp-6: 2rem;
  --ajs-sp-7: 3rem;
  --ajs-sp-8: 4rem;
  --ajs-sp-9: 6rem;
  --ajs-sp-10: 8rem;

  /* Radius */
  --ajs-r-xs: 6px;
  --ajs-r-sm: 10px;
  --ajs-r-md: 14px;
  --ajs-r-lg: 20px;
  --ajs-r-xl: 28px;
  --ajs-r-full: 9999px;

  /* Shadows */
  --ajs-shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.4);
  --ajs-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.4);
  --ajs-shadow-md: 0 8px 24px rgba(0, 0, 0, 0.5);
  --ajs-shadow-lg: 0 28px 80px rgba(0, 0, 0, 0.6);
  --ajs-shadow-brand: 0 16px 40px rgba(249, 115, 22, 0.42);
  --ajs-shadow-danger: 0 16px 40px rgba(239, 68, 68, 0.42);
  --ajs-shadow-whatsapp: 0 10px 28px rgba(37, 211, 102, 0.42);

  /* Motion */
  --ajs-ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --ajs-ease-in: cubic-bezier(0.55, 0, 1, 0.45);
  --ajs-ease-inout: cubic-bezier(0.65, 0, 0.35, 1);
  --ajs-dur-fast: 150ms;
  --ajs-dur-base: 260ms;
  --ajs-dur-slow: 420ms;

  /* Layout */
  --ajs-container: 1280px;
  --ajs-container-sm: 960px;
  --ajs-container-xs: 720px;
  --ajs-header-h: 76px;
  --ajs-header-h-scrolled: 64px;

  /* Effects */
  --ajs-glass: rgba(23, 23, 27, 0.72);
  --ajs-glass-strong: rgba(23, 23, 27, 0.88);
  --ajs-blur: 16px;
  --ajs-hero-grid: linear-gradient(120deg, rgba(249, 115, 22, 0.22), rgba(239, 68, 68, 0.10) 40%, rgba(11, 11, 13, 0) 70%);
  --ajs-brand-gradient: linear-gradient(135deg, #F97316 0%, #FB923C 50%, #EF4444 100%);
  --ajs-brand-gradient-vertical: linear-gradient(180deg, #F97316 0%, #EA580C 100%);
  --ajs-dark-gradient: linear-gradient(180deg, #0B0B0D 0%, #17171B 100%);
}

/* Reduce motion respect */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.001ms !important;
    scroll-behavior: auto !important;
  }
}