/* ==========================================================================
   Usta Teknik Servis — Tasarım Token'ları
   ========================================================================== */

:root {
  /* Renkler */
  --primary: #071D35;
  --primary-light: #0D3158;
  --blue: #146EF5;
  --blue-soft: #EAF3FF;
  --accent: #FF6B2C;
  --accent-dark: #E85A1C;
  --whatsapp: #20C56B;
  --surface: #FFFFFF;
  --background: #F5F8FC;
  --text: #102033;
  --muted: #65758B;
  --border: #E3EAF2;

  /* Admin panelinde ayarlardan değiştirilebilen renkler bu değişkenlere yansıtılır (bkz includes/header.php) */
  --color-primary: var(--primary);
  --color-secondary: var(--blue);
  --color-accent: var(--accent);

  /* Tipografi */
  --font-base: 'Manrope', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --fs-hero: clamp(2rem, 1.4rem + 2.6vw, 4rem);
  --fs-section-title: clamp(1.7rem, 1.3rem + 1.6vw, 2.875rem);
  --fs-card-title: 1.25rem;
  --fs-body: 1rem;
  --fs-lead: clamp(1.05rem, 1rem + 0.3vw, 1.25rem);
  --lh-tight: 1.18;
  --lh-normal: 1.65;

  /* Aralıklar (spacing scale) */
  --space-3xs: 4px;
  --space-2xs: 8px;
  --space-xs: 12px;
  --space-sm: 16px;
  --space-md: 24px;
  --space-lg: 32px;
  --space-xl: 48px;
  --space-2xl: 64px;
  --space-3xl: 96px;

  --section-pad-desktop: 110px;
  --section-pad-mobile: 64px;

  /* Köşe yuvarlaklığı */
  --radius-sm: 12px;
  --radius-md: 18px;
  --radius-lg: 26px;
  --radius-pill: 999px;

  /* Gölgeler */
  --shadow-sm: 0 8px 24px rgba(15, 35, 60, 0.06);
  --shadow-md: 0 20px 48px rgba(15, 35, 60, 0.10);
  --shadow-lg: 0 32px 80px rgba(7, 29, 53, 0.16);
  --shadow-inset: inset 0 0 0 1px rgba(15, 35, 60, 0.06);

  /* Geçişler */
  --ease: cubic-bezier(.22, 1, .36, 1);
  --transition-fast: .18s var(--ease);
  --transition-base: .32s var(--ease);
  --transition-slow: .6s var(--ease);

  /* Kapsayıcı */
  --container-w: 1280px;
  --container-w-header: 1320px;
  --header-h: 86px;
  --header-h-scrolled: 76px;
  --header-h-mobile: 72px;
  --topbar-h: 38px;
}

@media (prefers-reduced-motion: reduce) {
  :root { --transition-fast: 0s; --transition-base: 0s; --transition-slow: 0s; }
  * { scroll-behavior: auto !important; }
}