/* İslambol Yayınları — tasarım token'ları: "Beyaz Vitrin". Sözleşme: DESIGN.md.
   Yalnızca değişken tanımlar; bileşen stili burada yazılmaz. Sayfa her sistem ayarında açık temayı kullanır. */
:root {
  color-scheme: light;

  /* Renk */
  --c-bg: #ffffff;
  --c-band: #f5f5f7;           /* dönüşümlü bölüm bandı */
  --c-ink: #1d1d1f;            /* ana metin: beyazda 16.1:1 */
  --c-ink-2: #6e6e73;          /* ikincil metin: beyazda 5.1:1, bantta 4.7:1 (AA) */
  --c-ink-soft: #424245;       /* renkli yüzey (hero karosu) üstündeki ikincil metin: ≥9:1 */
  --c-line: #d2d2d7;
  --c-fill: #e8e8ed;           /* ikincil düğme, ok, çip zemini */
  --c-fill-hover: #dcdce1;
  --c-accent: #d11a2a;         /* yalnız birincil CTA ve "Önizleme" rozeti: beyazda 5.4:1 */
  --c-accent-hover: #b5151f;
  --c-on-accent: #ffffff;
  --c-focus: #0071e3;          /* odak halkası, beyazda 4.0:1 (bileşen eşiği 3:1) */
  --c-scrim: rgb(0 0 0 / 0.42);
  --c-glass: rgb(255 255 255 / 0.78);
  --c-glass-line: rgb(0 0 0 / 0.06);
  --c-whatsapp: #25d366;       /* yalnız resmî WhatsApp logosu (üst bar düğmesi); marka işareti, vurgu rengi değil */
  --c-whatsapp-hover: #1ebe5a;
  --c-cover-tray: #ffffff;     /* kapak sahnesi zemini; multiply ile kapağın beyazımsı zemini erir */

  /* Tipografi: Apple cihazlarda SF, diğerlerinde self-host Inter (typography.css) */
  --font: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Inter", "Helvetica Neue", Arial, sans-serif;
  --text-xs: 0.8125rem;        /* 13 */
  --text-sm: 0.9375rem;        /* 15 */
  --text-base: 1.0625rem;      /* 17 */
  --text-lg: clamp(1.1875rem, 1.1rem + 0.45vw, 1.4375rem);   /* 19 → 23 */
  --text-xl: clamp(1.3125rem, 1.1rem + 1vw, 1.875rem);       /* 21 → 30 */
  --text-h2: clamp(2rem, 1.3rem + 2.6vw, 3rem);              /* 32 → 48 */
  --text-h1: clamp(2.5rem, 1.4rem + 4.2vw, 4.5rem);          /* 40 → 72 */
  --leading-body: 1.47;
  --tracking-body: -0.01em;
  --tracking-head: -0.025em;
  --tracking-display: -0.03em;

  /* Ölçü ve ızgara */
  --max-w: 1180px;
  --gutter: 22px;
  --header-h: 56px;
  --sec-pad: 96px;
  --head-gap: 36px;

  /* Şekil */
  --radius-card: 20px;
  --radius-lg: 28px;
  --radius-pill: 980px;

  /* Gölge: yalnızca bant/beyaz kontrastını ve yükselmeyi taşır */
  --shadow-card: 0 2px 6px rgb(0 0 0 / 0.04), 0 12px 32px rgb(0 0 0 / 0.07);
  --shadow-card-hover: 0 4px 10px rgb(0 0 0 / 0.05), 0 24px 56px rgb(0 0 0 / 0.13);
  --shadow-modal: 0 30px 80px rgb(0 0 0 / 0.28);
  --shadow-page: 0 30px 60px rgb(0 0 0 / 0.14), 0 2px 6px rgb(0 0 0 / 0.06);

  /* Hareket */
  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);
  --dur: 300ms;
  --dur-slow: 600ms;

  /* Katman */
  --z-header: 50;
  --z-menu: 49;
  --z-modal: 100;
  --z-skip: 200;

  /* Odak halkası */
  --focus-ring: 2px solid var(--c-focus);
  --focus-offset: 3px;
}

@media (max-width: 834px) {
  :root { --sec-pad: 72px; --head-gap: 24px; }
}

@media (max-width: 640px) {
  :root { --gutter: 20px; --sec-pad: 64px; }
}

@media (prefers-reduced-motion: reduce) {
  :root { --dur: 0ms; --dur-slow: 0ms; }
}