/* ==========================================================================
   TEMİZ EV — Tasarım Token Sistemi
   Tüm sayfalar bu değişkenleri kullanır. Renk/yazı tipi değişikliği
   için sadece bu dosyayı düzenlemek yeterlidir.
   ========================================================================== */

:root {
  /* --- Marka Renkleri --- */
  --color-primary: #1a5fe0;        /* Canlı kraliyet mavisi */
  --color-primary-dark: #0f3fa8;   /* Koyu mavi (hover/derinlik) */
  --color-primary-light: #3b7bf2;
  --color-secondary: #12a8f0;      /* Parlak gökyüzü mavisi */
  --color-secondary-dark: #0a86d1;
  --color-accent: #ff9f1c;         /* Sıcak turuncu vurgu */
  --color-accent-dark: #f08300;

  /* Koyu zeminler (hero, footer, süreç kartları) */
  --color-navy: #0a2a78;
  --color-navy-deep: #061a56;
  --gradient-brand: linear-gradient(135deg, #0a86d1 0%, #1a5fe0 100%);

  /* --- Nötrler --- */
  --color-ink: #0f1d3d;            /* Ana metin */
  --color-ink-soft: #465878;       /* İkincil metin */
  --color-mist: #eff6ff;           /* Açık zemin */
  --color-mist-deep: #dcecff;
  --color-line: #d0e2fb;           /* Kenarlık */
  --color-paper: #ffffff;

  /* --- Durum --- */
  --color-success: #1c9d6b;
  --color-whatsapp: #25d366;

  /* --- Tipografi --- */
  --font-family: 'Google Sans', 'Segoe UI', Roboto, Arial, sans-serif;

  --fs-display: clamp(2.4rem, 4.4vw, 3.6rem);
  --fs-h1: clamp(2rem, 3.4vw, 2.75rem);
  --fs-h2: clamp(1.6rem, 2.6vw, 2.1rem);
  --fs-h3: 1.25rem;
  --fs-body-lg: 1.125rem;
  --fs-body: 1rem;
  --fs-small: 0.875rem;
  --fs-tiny: 0.75rem;

  /* --- Boşluk Ölçeği --- */
  --space-3xs: 0.25rem;
  --space-2xs: 0.5rem;
  --space-xs: 0.75rem;
  --space-sm: 1rem;
  --space-md: 1.5rem;
  --space-lg: 2.5rem;
  --space-xl: 4rem;
  --space-2xl: 6rem;

  /* --- Köşe Yuvarlama --- */
  --radius-sm: 10px;
  --radius-md: 16px;
  --radius-lg: 26px;
  --radius-pill: 999px;

  /* --- Gölge --- */
  --shadow-soft: 0 10px 30px -14px rgba(26, 95, 224, 0.30);
  --shadow-hover: 0 16px 40px -16px rgba(26, 95, 224, 0.42);

  /* --- Geçiş --- */
  --ease: cubic-bezier(0.4, 0, 0.2, 1);
  --dur: 0.25s;

  /* --- Kapsayıcı --- */
  --container-w: 1180px;
  --header-h: 84px;
}