/* USTAG — Design Tokens */
:root {
  /* Renk sistemi */
  --primary: #2563EB;
  --primary-600: #1D4ED8;
  --primary-700: #1E40AF;
  --primary-50: #EFF6FF;
  --primary-100: #DBEAFE;
  --bg: #FFFFFF;
  --bg-2: #F8FAFC;
  --text: #0F172A;
  --gray: #64748B;
  --border: #E2E8F0;
  --card: #FFFFFF;
  --success: #16A34A;
  --success-bg: #DCFCE7;
  --warning: #F59E0B;
  --warning-bg: #FEF3C7;
  --danger: #EF4444;

  /* Kategori aksanları — arka plan tonları canlı /categories yanıtındaki
     accent_bg değerleriyle birebir aynı; ön plan tonu beyaz üzerinde en az
     4.5:1 olacak şekilde koyulaştırıldı (.svc-n küçük punto metin kullanıyor). */
  --cat-boya: #2563EB;      --cat-boya-bg: #EFF6FF;
  --cat-elektrik: #16A34A;  --cat-elektrik-bg: #DCFCE7;
  --cat-montaj: #F59E0B;    --cat-montaj-bg: #FEF3C7;
  --cat-tesisat: #0369A1;   --cat-tesisat-bg: #E0F2FE;
  --cat-tadilat: #7C3AED;   --cat-tadilat-bg: #F3E8FF;
  --cat-temizlik: #0F766E;  --cat-temizlik-bg: #CCFBF1;

  /* Tipografi */
  --font-head: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
  --font-body: "Inter", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
  --t-display: clamp(2.8rem, 1.2rem + 6.4vw, 6rem);
  --t-h1: clamp(2.1rem, 1.3rem + 3.2vw, 3.8rem);
  --t-h2: clamp(1.7rem, 1.2rem + 2.2vw, 2.9rem);
  --t-h3: clamp(1.1rem, 1rem + .5vw, 1.35rem);
  --t-lead: clamp(1.05rem, .98rem + .45vw, 1.3rem);

  /* Spacing / layout */
  --gutter: 24px;
  --maxw: 1200px;
  --section-y: clamp(5rem, 3rem + 8vw, 11rem);

  /* Radius */
  --r-sm: 10px; --r-md: 14px; --r-lg: 18px; --r-xl: 24px; --r-2xl: 32px; --r-3xl: 44px; --r-pill: 999px;

  /* Elevation — yumuşak, Apple tarzı */
  --e1: 0 1px 2px rgba(15,23,42,.04), 0 1px 3px rgba(15,23,42,.06);
  --e2: 0 4px 12px rgba(15,23,42,.06), 0 2px 4px rgba(15,23,42,.04);
  --e3: 0 12px 32px rgba(15,23,42,.10), 0 4px 8px rgba(15,23,42,.04);
  --e4: 0 28px 70px rgba(15,23,42,.14), 0 8px 20px rgba(15,23,42,.06);
  --e-blue: 0 16px 40px rgba(37,99,235,.28);
  /* Opak olmalı: yarı saydam halka beyaz zeminde 1.5:1'e düşüyordu */
  --focus-ring: 0 0 0 3px #1D4ED8;

  /* Motion */
  --d-fast: 180ms; --d-normal: 300ms; --d-slow: 600ms;
  --ease: cubic-bezier(.22,1,.36,1);
  --ease-io: cubic-bezier(.65,0,.35,1);
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .001ms !important; transition-duration: .001ms !important; }
}