:root {
  /* Tipografi Aileleri - 2026 Modern Sans-Serif Sistemi */
  --font-display: 'Manrope', 'Inter', system-ui, sans-serif;
  --font-body: 'Inter', system-ui, sans-serif;

  /* Ana Tema: daha canlı, global ürün dili */
  --edirne-red-900: #8F1216;
  --edirne-red-800: #B31920;
  --edirne-red-700: #E30A17;
  --edirne-red-600: #F13A2F;
  --edirne-red-500: #FF6048;
  --edirne-red-400: #FF856B;
  --edirne-red-300: #FFB09C;
  --edirne-red-200: #FFD4C8;
  --edirne-red-100: #FFE9E2;
  --edirne-red-50: #FFF4EF;

  --accent-teal: #00A6A6;
  --accent-blue: #2563EB;
  --accent-sky: #38BDF8;
  --accent-lime: #84CC16;

  /* Zemin ve Nötr Tonlar (pembe alt ton yok, temiz nötr) */
  --paper: #FFFDF8;
  --stone: #F4F7F9;
  --fog: #D7E0E7;
  --mist: #F7FAFC;

  /* Tipografi ve Derin Yüzeyler */
  --ink: #111827;
  --charcoal: #172033;
  --charcoal-soft: #4B5563;

  /* Minik Vurgu Rengi */
  --heritage-gold: #F59E0B;
  
  /* Layout Değişkenleri */
  --container-max-width: 1280px;
  --container-max-width-4k: 1600px; /* Widescreen odak kısıtlaması */
  
  /* Spacing Scale - 4px tabanlı katı whitespace mimarisi */
  --spacing-xs: 0.25rem;  /* 4px  */
  --spacing-sm: 0.5rem;   /* 8px  */
  --spacing-md: 1rem;     /* 16px */
  --spacing-lg: 1.5rem;   /* 24px */
  --spacing-xl: 3rem;     /* 48px */
  --spacing-2xl: 6rem;    /* 96px - Büyük hava boşlukları */

  /* Z-Index Hiyerarşisi - Çakışma Önleyici */
  --z-map: 100;
  --z-nav: 500;
  --z-modal: 1000;
  --z-tooltip: 2000;
  
  /* Animasyon - cubic-bezier standardı */
  --transition-smooth: 300ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-fast:   200ms cubic-bezier(0.4, 0, 0.2, 1);

  /* Yüzey Yarıçapları ve Gölge Kademesi - Modern yüzey dili */
  --radius-sm: 10px;
  --radius-md: 18px;
  --radius-lg: 28px;
  --shadow-soft: 0 14px 36px rgba(25, 21, 18, 0.07);
  --shadow-lift: 0 28px 70px rgba(25, 21, 18, 0.16);

  /* Semantik Yüzey Token'ları - açık/koyu tema geçişinin omurgası */
  --surface-dark: #08111F;
  --text-on-dark: #F8FAFC;
  --surface-raised: #FFFFFF;
  --border-soft: rgba(17, 24, 39, 0.08);
  --border-medium: rgba(17, 24, 39, 0.13);
  --border-accent: rgba(227, 10, 23, 0.28);
  --header-glass: rgba(255, 253, 248, 0.82);
  --header-glass-solid: rgba(255, 255, 255, 0.94);

  color-scheme: light;
}

/* ============================================
   KOYU TEMA (Nötr Antrasit)
   Tarayıcı/işletim sistemi tercihine göre otomatik uygulanır.
   ============================================ */
/* Sistem tercihi koyu ise (kullanıcı sitede elle 'açık' seçmediyse) */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;

    /* Koyu temada da marka kırmızısı Edirne kırmızısı ekseninde kalır. */
    --edirne-red-900: #FFD4C8;
    --edirne-red-800: #FFB09C;
    --edirne-red-700: #E30A17;
    --edirne-red-600: #C80713;
    --edirne-red-500: #B31920;
    --edirne-red-400: #8F1216;
    --edirne-red-300: #6F1013;
    --edirne-red-200: #421316;
    --edirne-red-100: #2B1114;
    --edirne-red-50: #1F0E12;

    --accent-teal: #2DD4BF;
    --accent-blue: #60A5FA;
    --accent-sky: #7DD3FC;
    --accent-lime: #A3E635;

    /* Nötr antrasit yüzeyler */
    --paper: #070A12;
    --stone: #0E1422;
    --fog: #273348;
    --mist: #101827;

    /* Metin açık tona döner (saf beyaz değil) */
    --ink: #F8FAFC;
    --charcoal: #E5E7EB;
    --charcoal-soft: #A7B0C0;

    --heritage-gold: #FBBF24;

    --surface-dark: #050816;
    --text-on-dark: #F8FAFC;
    --surface-raised: #111827;
    --border-soft: rgba(248, 250, 252, 0.1);
    --border-medium: rgba(248, 250, 252, 0.16);
    --border-accent: rgba(227, 10, 23, 0.5);
    --header-glass: rgba(7, 10, 18, 0.74);
    --header-glass-solid: rgba(7, 10, 18, 0.92);

    --shadow-soft: 0 8px 24px rgba(0, 0, 0, 0.35);
    --shadow-lift: 0 20px 44px rgba(0, 0, 0, 0.5);
  }
}

/* Kullanıcı sitedeki tema anahtarından elle 'koyu' seçtiyse (sistem tercihini ezer) */
:root[data-theme="dark"] {
  color-scheme: dark;

  /* Koyu temada da marka kırmızısı Edirne kırmızısı ekseninde kalır. */
  --edirne-red-900: #FFD4C8;
  --edirne-red-800: #FFB09C;
  --edirne-red-700: #E30A17;
  --edirne-red-600: #C80713;
  --edirne-red-500: #B31920;
  --edirne-red-400: #8F1216;
  --edirne-red-300: #6F1013;
  --edirne-red-200: #421316;
  --edirne-red-100: #2B1114;
  --edirne-red-50: #1F0E12;

  --accent-teal: #2DD4BF;
  --accent-blue: #60A5FA;
  --accent-sky: #7DD3FC;
  --accent-lime: #A3E635;

  /* Nötr antrasit yüzeyler */
  --paper: #070A12;
  --stone: #0E1422;
  --fog: #273348;
  --mist: #101827;

  /* Metin açık tona döner (saf beyaz değil) */
  --ink: #F8FAFC;
  --charcoal: #E5E7EB;
  --charcoal-soft: #A7B0C0;

  --heritage-gold: #FBBF24;

  --surface-dark: #050816;
  --text-on-dark: #F8FAFC;
  --surface-raised: #111827;
  --border-soft: rgba(248, 250, 252, 0.1);
  --border-medium: rgba(248, 250, 252, 0.16);
  --border-accent: rgba(227, 10, 23, 0.5);
  --header-glass: rgba(7, 10, 18, 0.74);
  --header-glass-solid: rgba(7, 10, 18, 0.92);

  --shadow-soft: 0 8px 24px rgba(0, 0, 0, 0.35);
  --shadow-lift: 0 20px 44px rgba(0, 0, 0, 0.5);
}