/* Design tokens — renkler logodan türetildi:
   kor kırmızısı (harfler), krom (f), mürekkep siyahı (süslemeler). */
:root {
  --color-background: #0e0b09;   /* kömür — kor ışığını öne çıkarır */
  --color-surface: #16110e;
  --color-surface-2: #211a16;
  --color-text: #f2ebe1;          /* fildişi metin */
  --color-muted: #a89d91;         /* ~7.5:1 zemine karşı */
  --color-line: rgba(242, 235, 225, .12);
  --color-primary: #b52a1c;       /* kor kırmızısı — buton zemini */
  --color-primary-strong: #8f1f14;
  --color-primary-text: #ec7443;  /* koyu zeminde metin vurgusu — ~6.4:1 */
  --color-accent: #e0561c;        /* lav turuncusu — yalnızca vurgu/dekor */
  --color-chrome: #b9b4ae;
  --color-glass: rgba(14, 11, 9, .82);
  --color-on-primary: #fbf6ee;
  --color-ink-surface: #15110e;   /* koyu bölümler */

  --font-display: "Cormorant Garamond", "Iowan Old Style", Georgia, serif;
  --font-body: "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;

  /* fluid type (320 → 1440) */
  --fs-caption: .8125rem;
  --fs-body: clamp(1rem, .96rem + .2vw, 1.0625rem);
  --fs-lead: clamp(1.125rem, 1.05rem + .4vw, 1.3rem);
  --fs-h3: clamp(1.375rem, 1.25rem + .6vw, 1.75rem);
  --fs-h2: clamp(2.25rem, 1.7rem + 2.8vw, 4.25rem);
  --fs-price: 1.0625rem;

  --space-1: .25rem; --space-2: .5rem; --space-3: .75rem; --space-4: 1rem;
  --space-5: 1.5rem; --space-6: 2rem; --space-7: 3rem; --space-8: 4.5rem;
  --section-y: clamp(4.5rem, 3rem + 7vw, 9rem);
  --gutter: clamp(1rem, .6rem + 2vw, 2.5rem);
  --container: 1240px;

  --radius-sm: 6px;
  --radius-md: 10px;
  --header-h: 64px;
  --action-bar-h: 60px;
  --safe-bottom: env(safe-area-inset-bottom, 0px);

  --ease-out: cubic-bezier(.22, 1, .36, 1);
  --ease-in-out: cubic-bezier(.65, 0, .35, 1);
  --dur-1: 160ms;   /* buton / ikon */
  --dur-2: 320ms;   /* mikro etkileşim */
  --dur-3: 600ms;   /* bölüm / görsel reveal */
}

@media (min-width: 1024px) {
  :root { --header-h: 80px; }
}