/* =============================================================================
   MK — tasarım belirteçleri
   TÜM görünüm buradan yönetilir. Kaynak: "Air" tasarım sistemi
   (gece gökyüzü + cam heykel). Renk/ölçü değiştirmek için yalnız bu dosyaya
   (ya da panelden Ayarlar → Görünüm) dokunun.
   ========================================================================== */

/* --- Yazı tipleri (kendi sunucumuzda; dışarı istek gitmez) --------------- */
@font-face {
  font-family: 'Inter'; font-style: normal; font-weight: 100 900; font-display: swap;
  src: url('../font/inter-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Inter'; font-style: normal; font-weight: 100 900; font-display: swap;
  src: url('../font/inter-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Anton'; font-style: normal; font-weight: 400; font-display: swap;
  src: url('../font/anton-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Anton'; font-style: normal; font-weight: 400; font-display: swap;
  src: url('../font/anton-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Caveat'; font-style: normal; font-weight: 400 700; font-display: swap;
  src: url('../font/caveat-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Caveat'; font-style: normal; font-weight: 400 700; font-display: swap;
  src: url('../font/caveat-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* --- Kutlama kartı yazı tipleri (SIL/OFL, kendi sunucumuzda) ----------- */
@font-face {
  font-family: 'Kaushan Script'; font-style: normal; font-weight: 400; font-display: swap;
  src: url('../font/kaushan-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Kaushan Script'; font-style: normal; font-weight: 400; font-display: swap;
  src: url('../font/kaushan-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Yellowtail'; font-style: normal; font-weight: 400; font-display: swap;
  src: url('../font/yellowtail-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Yellowtail'; font-style: normal; font-weight: 400; font-display: swap;
  src: url('../font/yellowtail-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Poppins'; font-style: normal; font-weight: 600; font-display: swap;
  src: url('../font/poppins-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Poppins'; font-style: normal; font-weight: 600; font-display: swap;
  src: url('../font/poppins-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Montserrat'; font-style: normal; font-weight: 600; font-display: swap;
  src: url('../font/montserrat-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Montserrat'; font-style: normal; font-weight: 600; font-display: swap;
  src: url('../font/montserrat-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  /* --- Renkler ----------------------------------------------------------- */
  --color-whiteout:      #ffffff;  /* koyu zeminde metin, ince çizgiler, kenarlıklar */
  --color-haze:          #f5f5f5;  /* kart ve form yüzeyi */
  --color-ink:           #1b1b1b;  /* açık zeminde metin */
  --color-black-void:    #000000;  /* temel tuval */
  --color-twilight-blue: #426188;  /* koyu zeminde tek kromatik başlık rengi */
  --color-signal-blue:   #2b7fff;  /* YALNIZ bağlantılar — düğme rengi değildir */

  /* Gökyüzü degradesi (panelden değiştirilebilir) */
  --mk-gok-ust: #0a1626;
  --mk-gok-alt: #426188;

  /* --- Yazı tipi aileleri ------------------------------------------------ */
  --font-arayuz:  'Inter', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --font-dev:     'Anton', 'Arial Narrow', Impact, ui-sans-serif, sans-serif;
  --font-elyazi:  'Caveat', 'Segoe Script', cursive;

  /* --- Ölçek ------------------------------------------------------------- */
  --text-caption:    13px;  --leading-caption:    1.5;
  --text-body:       16px;  --leading-body:       1.5;
  --text-subheading: 20px;  --leading-subheading: 1.4;
  --text-heading:    32px;  --leading-heading:    1.1;
  --text-heading-lg: 56px;  --leading-heading-lg: 1;
  --text-display:    259px;
  /* SAPMA: Tasarım 0.85 diyor ve İngilizcede sorunsuz. Türkçe BÜYÜK harfte
     İ/Ü/Ö/Ş/Ğ üzerindeki işaretler bir üst satırın gövdesine girip beyaz
     üstünde beyaz kalıyor — "EKSİKSİZ" okunmuyordu. 1.08 en sıkı güvenli
     değer (0.85/1.00/1.08/1.15 karşılaştırıldı). Tek satırdan geri alınabilir. */
  --leading-display: 1.08;

  --font-weight-regular: 400;
  --font-weight-medium:  500;
  --font-weight-black:   900;

  /* --- Boşluk ------------------------------------------------------------ */
  --spacing-4: 4px;   --spacing-8: 8px;    --spacing-12: 12px;  --spacing-16: 16px;
  --spacing-20: 20px; --spacing-24: 24px;  --spacing-32: 32px;  --spacing-48: 48px;
  --spacing-52: 52px; --spacing-64: 64px;  --spacing-80: 80px;  --spacing-120: 120px;

  /* --- Yerleşim ---------------------------------------------------------- */
  --page-max-width: 1150px;
  --section-gap:    48px;
  --card-padding:   20px;
  --element-gap:    8px;
  --ust-yukseklik:  72px;
  --okuma-genislik: 720px;

  /* --- Köşe yarıçapı (yeni yarıçap eklemeyin) ---------------------------- */
  --radius-inputs:  4px;   /* yalnız form alanları */
  --radius-buttons: 8px;   /* düğmeler ve gezinti öğeleri */
  --radius-images:  11px;
  --radius-cards:   12px;
  --radius-xl:      14px;
  --radius-pills:   9999px; /* yalnız filtre/rozet */

  /* --- Hareket ----------------------------------------------------------- */
  --gecis: 0.2s ease;
}

/* =============================================================================
   GÖKYÜZÜ — sayfanın tamamının arkasındaki katman.
   Dört vakit; sağ kenardaki kumanda <html data-vakit="..."> değerini değiştirir.
   Renkler air.inc üzerinden örneklendi (Sunrise / Sun / Sunset / Moon).
   ========================================================================== */
:root,
:root[data-vakit="gun"] {                 /* Sun — parlak mavi */
  --gok-1: #0b6ed6;  --gok-2: #2a8ee8;  --gok-3: #86c2f0;  --gok-4: #cfe6f9;
  --gok-bulut: rgba(255,255,255,.92);
  --gok-metin: #ffffff;
  --gok-metin-sonuk: rgba(255,255,255,.78);
  --cam-zemin: rgba(255,255,255,.13);
  --cam-kenar: rgba(255,255,255,.30);
  --cam-metin: #ffffff;
  --cam-simge-ters: 1;   /* koyu cam: tarayıcı simgeleri ters çevrilir */
}
:root[data-vakit="safak"] {               /* Sunrise — soluk mavi → krem */
  --gok-1: #7ba7c9;  --gok-2: #a8c4d8;  --gok-3: #e3d3b4;  --gok-4: #f0d9ab;
  --gok-bulut: rgba(255,255,255,.95);
  --gok-metin: #1b1b1b;
  --gok-metin-sonuk: rgba(27,27,27,.68);
  --cam-zemin: rgba(255,255,255,.34);
  --cam-kenar: rgba(255,255,255,.65);
  --cam-metin: #1b1b1b;
  --cam-simge-ters: 0;   /* açık cam: simgeler olduğu gibi */
}
:root[data-vakit="gunbatimi"] {           /* Sunset — leylak → şeftali */
  --gok-1: #8d7fc4;  --gok-2: #b09ec8;  --gok-3: #e0b9a2;  --gok-4: #f0cf9e;
  --gok-bulut: rgba(255,255,255,.9);
  --gok-metin: #ffffff;
  --gok-metin-sonuk: rgba(255,255,255,.82);
  --cam-zemin: rgba(255,255,255,.18);
  --cam-kenar: rgba(255,255,255,.38);
  --cam-metin: #ffffff;
  --cam-simge-ters: 1;   /* koyu cam: tarayıcı simgeleri ters çevrilir */
}
:root[data-vakit="gece"] {                /* Moon — gece laciverdi */
  --gok-1: #0a1f45;  --gok-2: #15376d;  --gok-3: #1d4c8f;  --gok-4: #2a63a8;
  --gok-bulut: rgba(214,228,244,.42);
  --gok-metin: #ffffff;
  --gok-metin-sonuk: rgba(255,255,255,.72);
  --cam-zemin: rgba(255,255,255,.10);
  --cam-kenar: rgba(255,255,255,.22);
  --cam-metin: #ffffff;
  --cam-simge-ters: 1;   /* koyu cam: tarayıcı simgeleri ters çevrilir */
}

/* Vakit değişimi yumuşak olsun */
:root { --vakit-gecis: 1.1s cubic-bezier(.4,0,.2,1); }