/* ==========================================================================
   Yanındayım — tasarım jetonları
   Yön: sıcak kâğıt zemin, derin petrol birincil, aydınlık tema varsayılan.
   Kaçınılanlar: koyu varsayılan tema, altın/neon vurgu, mor-mavi degrade,
   kırmızı uyarı, her yerde aynı köşe yarıçapı.
   ========================================================================== */

:root {
  color-scheme: light;

  /* ── Renk ─────────────────────────────────────────────────────────────── */
  --renk-zemin:          oklch(97.5% 0.008 85);   /* sıcak kâğıt — saf beyaz DEĞİL */
  --renk-zemin-2:        oklch(95.2% 0.012 82);   /* ikinci kâğıt tonu */
  --renk-yuzey:          oklch(99%   0.005 85);
  --renk-metin:          oklch(22%   0.015 60);   /* sıcak mürekkep — saf siyah DEĞİL */
  --renk-metin-koyu:     oklch(16%   0.018 60);
  --renk-ikincil:        oklch(50%   0.02  60);   /* zemin üstünde 5.6:1 */

  --renk-birincil:       oklch(42%   0.065 200);  /* derin petrol — sakin, sabit */
  --renk-birincil-koyu:  oklch(28%   0.045 205);
  --renk-birincil-gece:  oklch(23%   0.035 208);
  --renk-birincil-acik:  oklch(93%   0.022 200);

  --renk-dikkat:         oklch(70%   0.12  65);   /* kil/amber — "buraya bak" */
  --renk-dikkat-metin:   oklch(46%   0.10  55);   /* amber ailesinden okunur metin */
  --renk-dikkat-acik:    oklch(94%   0.035 75);
  --renk-dikkat-uzeri:   oklch(20%   0.02  60);   /* amber üstünde metin */

  --renk-sakin:          oklch(60%   0.05  160);  /* temiz gün, onay */
  --renk-sakin-metin:    oklch(44%   0.06  160);

  --renk-cizgi:          oklch(89%   0.012 78);
  --renk-cizgi-koyu:     oklch(80%   0.016 78);
  --renk-cizgi-gece:     oklch(38%   0.03  208);

  /* Kriz ekranı — karartma. Siyah değil, mürekkep petrolü. */
  --renk-gece:           oklch(25%   0.028 215);
  --renk-gece-metin:     oklch(94%   0.01  85);
  --renk-gece-ikincil:   oklch(72%   0.02  200);

  /* ── Tipografi ────────────────────────────────────────────────────────── */
  --yazi-arayuz: -apple-system, BlinkMacSystemFont, "SF Pro Text", system-ui,
                 "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --yazi-soz:    "New York", ui-serif, Georgia, "Iowan Old Style",
                 "Times New Roman", serif;

  --ol-etiket:      0.75rem;
  --ol-mini:        0.8125rem;
  --ol-kucuk:       0.9375rem;
  --ol-govde:       clamp(1rem, 0.96rem + 0.2vw, 1.0938rem);
  --ol-govde-buyuk: clamp(1.0625rem, 0.98rem + 0.42vw, 1.25rem);
  --ol-h4:          clamp(1.0625rem, 1rem + 0.35vw, 1.25rem);
  --ol-h3:          clamp(1.25rem, 1.12rem + 0.66vw, 1.75rem);
  --ol-h2:          clamp(1.75rem, 1.3rem + 2.2vw, 3.1rem);
  --ol-h1:          clamp(2.375rem, 1.35rem + 4.6vw, 5.25rem);
  --ol-soz:         clamp(1.25rem, 1.05rem + 1vw, 1.9375rem);
  --ol-dev:         clamp(1.5rem, 1.05rem + 2.3vw, 2.75rem);

  --sat-sik:   1.08;
  --sat-orta:  1.28;
  --sat-govde: 1.62;

  --harf-sik:  -0.022em;
  --harf-genis: 0.09em;

  /* ── Aralık ───────────────────────────────────────────────────────────── */
  --bosluk-3xs: 0.25rem;
  --bosluk-2xs: 0.5rem;
  --bosluk-xs:  0.75rem;
  --bosluk-s:   1rem;
  --bosluk-m:   1.5rem;
  --bosluk-l:   2.25rem;
  --bosluk-xl:  3.5rem;
  --bosluk-2xl: 5rem;
  --bosluk-bolum: clamp(4.5rem, 2.8rem + 6.5vw, 9.5rem);
  --kenar:        clamp(1.25rem, 0.7rem + 2.4vw, 3.25rem);

  --genislik:        76rem;
  --genislik-dar:    52rem;
  --genislik-metin:  34rem;

  /* ── Köşe yarıçapı — kasıtlı olarak tek değer değil ───────────────────── */
  --yuvarlak-xs:      4px;
  --yuvarlak-s:       8px;
  --yuvarlak-m:       14px;
  --yuvarlak-kart:    20px;
  --yuvarlak-telefon: 2.375rem;
  --yuvarlak-hap:     999px;

  /* ── Gölge — sıcak tonlu, nötr gri değil ──────────────────────────────── */
  --golge-1: 0 1px 2px oklch(30% 0.03 70 / 0.05),
             0 2px 6px oklch(30% 0.03 70 / 0.045);
  --golge-2: 0 2px 4px oklch(30% 0.03 70 / 0.045),
             0 12px 28px oklch(30% 0.03 70 / 0.08);
  --golge-3: 0 4px 8px oklch(30% 0.03 70 / 0.05),
             0 28px 60px -18px oklch(28% 0.04 70 / 0.26);
  --golge-gece: 0 30px 70px -24px oklch(20% 0.05 215 / 0.55);

  /* ── Hareket ──────────────────────────────────────────────────────────── */
  --sure-hizli: 140ms;
  --sure:       240ms;
  --sure-yavas: 620ms;
  --egri:       cubic-bezier(0.2, 0.65, 0.3, 1);
  --egri-cikis: cubic-bezier(0.16, 1, 0.3, 1);
}