/* ============================================================
   Athena Teması — Tasarım Token'ları
   Renk / tipografi / spacing / radius / shadow değişkenleri.
   Figma: H6xgsRk5OA8n9lWvdM5SxA (örneklenen değerler).
   ============================================================ */

:root {
  /* --- Marka renkleri --- */
  --c-primary:        #3858B0;   /* indigo (butonlar, vurgular) */
  --c-primary-dark:   #2C4690;
  --c-primary-light:  #5B79CE;
  --c-primary-50:     #EEF2FB;   /* hero / açık indigo zemin */
  --c-primary-100:    #E2E9F8;

  --c-navy:           #0A3E74;   /* footer / koyu mavi bloklar */
  --c-navy-dark:      #083870;
  --c-navy-soft:      #1D498C;

  /* --- Footer (tema-duyarlı) --- */
  --c-footer-bg:          #0A3E74;            /* footer zemini (açık tema: navy) */
  --c-footer-card:        rgba(255,255,255,.04);   /* footer kart/kutu zemini */
  --c-footer-card-border: rgba(255,255,255,.12);   /* footer kart kenarlığı */
  --c-footer-line:        rgba(255,255,255,.10);   /* footer ayraç çizgileri */

  --c-topbar:         #FFFFFF;   /* header üst bar zemini (varsayılan BEYAZ) */
  --c-topbar-text:    #2A3344;   /* üst bar metin (koyu) */
  --c-topbar-ico:     var(--c-primary);   /* üst bar ikon — markaya uygun indigo (tasarımdaki renkli ikonlar) */
  --c-topbar-line:    rgba(0,0,0,.12);  /* toggle kenarlığı */
  --c-topbar-hover:   rgba(0,0,0,.05);  /* toggle hover zemini */
  --c-topbar-border:  rgba(0,0,0,.08);  /* üst bar alt kenarlık */
  --c-topbar-divider: rgba(0,0,0,.14);  /* maddeler arası dik çizgi */
  --c-mega-card:      #EEF1F8;   /* mega-menü kart zemini */
  --c-mega-card-hover:#FFFFFF;   /* mega kart hover zemini */
  --c-icon-badge: rgba(56,88,176,.10);  /* mega ikon badge zemini */

  --c-blue:           #0070D8;   /* parlak mavi link/aksan */
  --c-green:          #00B078;   /* başarı / öne çıkan fiyat */
  --c-green-dark:     #019467;
  /* İkincil vurgu — aksandan türetilir (customizer); varsayılan = yeşil */
  --c-accent2:        #00B078;   /* aksan tonu -64° döndürülmüş hâli */
  --c-accent2-dark:   #019467;
  --c-amber:          #F5A623;   /* yıldız / uyarı */
  --c-red:            #E5484D;

  /* --- Mega menü kategori renkleri (renk-kodlu ikonografi; marka mavisiyle uyumlu) --- */
  --seg-indigo: #3858B0;  --seg-green:  #00B078;  --seg-sky:   #2D9CDB;
  --seg-amber:  #F2994A;  --seg-purple: #9B51E0;  --seg-teal:  #12B5CB;
  --seg-red:    #EB5757;  --seg-pink:   #EC4899;

  /* --- Nötrler --- */
  --c-ink:            #1F2A44;   /* ana başlık metni */
  --c-text:          #3D4658;   /* gövde metni */
  --c-muted:          #7A869A;   /* ikincil metin */
  --c-line:           #E6EAF1;   /* kenarlık */
  --c-line-soft:      #EFF2F7;
  --c-bg:             #FFFFFF;
  --c-bg-soft:        #F6F8FC;   /* alternatif bölüm zemini */
  --c-bg-card:        #FFFFFF;
  --c-skeleton:       #D6D9E6;   /* mockup iskelet çubukları */
  --c-skeleton-soft:  #E7E9F2;

  /* --- Tipografi --- */
  --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;
  --font-display: 'Space Grotesk', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;  /* başlıklar (netlen tarzı) */
  --fs-xs:    12px;
  --fs-sm:    13px;
  --fs-base:  15px;
  --fs-md:    16px;
  --fs-lg:    18px;
  --fs-xl:    22px;
  --fs-h3:    26px;
  --fs-h2:    34px;   /* bölüm başlıkları */
  --fs-hero:  46px;   /* hero başlık */

  --lh-tight: 1.18;
  --lh-base:  1.6;

  --fw-regular: 400;
  --fw-medium:  500;
  --fw-semi:    600;
  --fw-bold:    700;
  --fw-extra:   800;

  /* --- Yarıçap --- */
  --r-sm:   8px;
  --r-md:   12px;
  --r-lg:   16px;
  --r-xl:   20px;
  --r-pill: 999px;

  /* --- Gölge --- */
  --sh-xs: 0 1px 2px rgba(16,24,40,.05);
  --sh-sm: 0 2px 8px rgba(16,24,40,.06);
  --sh-md: 0 8px 24px rgba(16,24,40,.08);
  --sh-lg: 0 18px 50px rgba(16,24,40,.12);
  --sh-primary: 0 10px 24px rgba(56,88,176,.28);

  /* --- Layout --- */
  --container: 1240px;
  --gutter: 24px;
  --section-y: 72px;   /* bölüm dikey boşluğu */
  --section-py-top: 56px;
  --section-py-bottom: 64px;

  /* --- Hareket: süre & easing (motion-design: Corporate-lively) --- */
  --dur-fast: 120ms;   /* press / toggle / micro */
  --dur-base: 220ms;   /* kart hover / ikon / state */
  --dur-slow: 400ms;   /* panel / dropdown */
  --dur-reveal: 620ms; /* scroll-reveal dramatik giriş */
  --ease-out:  cubic-bezier(.2, 0, 0, 1);      /* UI standardı */
  --ease-emph: cubic-bezier(.05, .7, .1, 1);   /* girişler / vurgu */
  --ease-in:   cubic-bezier(.3, 0, 1, 1);      /* çıkış */

  /* --- Kart gölge ölçeği (tekrar eden desenler tokenize) --- */
  --sh-card-subtle: 0 4px 14px rgba(20,30,60,.05);
  --sh-card-base:   0 6px 18px rgba(20,30,60,.06);
  --sh-card-mid:    0 12px 28px rgba(20,30,60,.08);
  --sh-card-lift:   0 18px 40px rgba(20,30,60,.10);
  --sh-primary-hover: 0 20px 40px rgba(56,88,176,.16);

  /* --- Spacing ölçeği --- */
  --sp-1: 4px;  --sp-2: 8px;  --sp-3: 12px; --sp-4: 16px;
  --sp-5: 20px; --sp-6: 24px; --sp-7: 32px; --sp-8: 40px;

  /* --- Z-index ölçeği --- */
  --z-promobar: 90;
  --z-header: 100;
  --z-dropdown: 120;
  --z-customizer: 140;
}

/* ============================================================
   DARK MODE (Bootstrap 5 — data-bs-theme="dark")
   Marka renkleri sabit; nötr/zemin token'ları override edilir.
   NOT: Figma dark tasarımı gelene kadar türetilmiş/geçici palet.
   ============================================================ */
[data-bs-theme="dark"] {
  --c-primary-50:  #1A2235;   /* destek sütunu / hover — koyu indigo tint */
  --c-primary-100: #24304F;
  --c-mega-card:   #1B2334;   /* mega kart zemini (koyu) */
  --c-mega-card-hover:#232C40;/* hover: bir ton açık */
  --c-icon-badge:  rgba(91,121,206,.20);  /* koyu zeminde görünür indigo badge */
  /* Footer — koyu temada derin lacivert (sayfadan ayrışan, uyumlu yüzey) */
  --c-footer-bg:          #0A1A33;
  --c-footer-card:        rgba(255,255,255,.035);
  --c-footer-card-border: rgba(255,255,255,.08);
  --c-footer-line:        rgba(255,255,255,.07);
  /* Üst bar — koyu temada sayfayla uyumlu koyu yüzey (otomatik mod) */
  --c-topbar:         #0B0F1A;   /* sayfadan (#0F1421) bir ton koyu, uyumlu */
  --c-topbar-text:    #C7CFDD;   /* açık metin */
  --c-topbar-ico:     var(--c-primary-light);  /* koyu zeminde okunur parlak indigo */
  --c-topbar-line:    rgba(255,255,255,.18);
  --c-topbar-hover:   rgba(255,255,255,.07);
  --c-topbar-border:  rgba(255,255,255,.08);
  --c-topbar-divider: rgba(255,255,255,.12);

  --c-ink:   #EAEEF6;         /* başlık metni (açık) */
  --c-text:  #C3CBDA;         /* gövde metni */
  --c-muted: #8A95A8;         /* ikincil metin */
  --c-line:      #2A3346;     /* kenarlık */
  --c-line-soft: #232B3B;
  --c-bg:       #0F1421;      /* ana zemin (koyu) */
  --c-bg-soft:  #151B29;
  --c-bg-card:  #151B29;
  --c-skeleton:      #2A3346;  /* mockup iskelet (koyu) */
  --c-skeleton-soft: #222A3B;

  /* Gölgeler koyu zeminde görünür olsun */
  --sh-sm: 0 2px 8px rgba(0,0,0,.35);
  --sh-md: 0 8px 24px rgba(0,0,0,.40);
  --sh-lg: 0 18px 50px rgba(0,0,0,.55);
}