/*
 * tokens.css — Tasarim sisteminin tek dogruluk kaynagi (SSOT).
 *
 * Sitenin tum sayfalari (index, apps, privacy, terms, 404, egitim) bu dosyayi
 * kendi sayfa CSS'inden ONCE yukler. Palet, tipografi olcegi, bosluk izgarasi,
 * yaricap ve gecis sureleri yalnizca burada tanimlanir.
 *
 * Kural: hicbir sayfa CSS'i kendi :root paletini yeniden tanimlamaz. Yeni bir
 * deger gerekiyorsa once buraya eklenir, sonra tuketilir.
 *
 * Tipografi olcegi akiskandir (clamp). Bu sayede kirilim noktalarinda font
 * boyutu elle yeniden tanimlanmaz; olcek viewport ile birlikte buyur.
 */

:root {
  /* --- Palet --------------------------------------------------------- */
  --primary_color: #9db4e8;
  --primary_soft: rgba(157, 180, 232, 0.14);
  --accent_color: #d6ae78;

  --bg_dark: #101114;
  --bg_card: #181a1f;
  --bg_raised: #1e2128;
  --bg_glass: rgba(24, 26, 31, 0.9);

  --border_color: rgba(238, 241, 247, 0.13);
  --border_strong: rgba(238, 241, 247, 0.32);

  /* Metin hiyerarsisi — hepsi --bg_dark uzerinde WCAG AA (>=4.5:1) gecer.
     strong 16.4:1 · body 11.7:1 · muted 8.9:1 · soft 6.3:1 */
  --text_strong: #f5f7fa;
  --text_body: #c5cbd6;
  --text_muted: #b3bac6;
  --text_soft: #8d95a3;

  /* Durum renkleri */
  --state_success: #7fc98f;
  --state_error: #e88b86;

  /* Golge: sakin, tek yonlu. Neon parlama yok. */
  --shadow_soft: 0 18px 42px rgba(4, 8, 14, 0.34);
  --shadow_raised: 0 20px 48px rgba(0, 0, 0, 0.2);
  --focus_ring: 0 0 0 3px rgba(157, 180, 232, 0.28);
  --focus_ring_error: 0 0 0 3px rgba(232, 139, 134, 0.24);

  /* Geriye donuk uyum: eski katmanlar bu iki degiskeni parlama icin
     kullaniyordu. Editoryal yonde parlama yok, bu yuzden seffaf. */
  --glow_primary: 0 0 0 transparent;
  --glow_accent: 0 0 0 transparent;

  /* --- Tipografi ----------------------------------------------------- */
  --font_sans: "Outfit", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font_mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", monospace;

  /* Akiskan olcek: min deger 360px'te, max deger 1440px'te gecerli. */
  --font-xs: 0.75rem; /* 12 — etiket, rozet */
  --font-sm: clamp(0.8125rem, 0.79rem + 0.1vw, 0.875rem); /* 13 → 14 */
  --font-base: clamp(0.9375rem, 0.91rem + 0.12vw, 1rem); /* 15 → 16 */
  --font-md: clamp(1rem, 0.95rem + 0.22vw, 1.125rem); /* 16 → 18 */
  --font-lg: clamp(1.0625rem, 0.99rem + 0.32vw, 1.25rem); /* 17 → 20 */
  --font-xl: clamp(1.1875rem, 1.08rem + 0.47vw, 1.5rem); /* 19 → 24 */
  --font-2xl: clamp(1.375rem, 1.15rem + 1vw, 2rem); /* 22 → 32 */
  --font-3xl: clamp(1.75rem, 1.28rem + 2.1vw, 3rem); /* 28 → 48 */
  --font-4xl: clamp(2.375rem, 1.4rem + 4.35vw, 4.375rem); /* 38 → 70 */

  --leading-tight: 1.14;
  --leading-snug: 1.35;
  --leading-normal: 1.55;
  --leading-relaxed: 1.75;
  --leading-loose: 1.9;

  --tracking-tight: -0.035em;
  --tracking-normal: 0;
  --tracking-wide: 0.08em;

  --weight-light: 300;
  --weight-normal: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;

  /* Okuma genisligi — satir basina ~65-75 karakter */
  --measure: 66ch;
  --measure-narrow: 58ch;

  /* --- Bosluk izgarasi (8px tabanli) --------------------------------- */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --space-20: 80px;

  /* Bolum dikey ritmi — tum sayfa bu tek olcege bagli */
  --section-gap: clamp(64px, 8vw, 104px);
  --shell-gutter: clamp(20px, 4vw, 40px);

  /* --- Yaricap ------------------------------------------------------- */
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 18px;
  --radius-xl: 20px;
  --radius-full: 9999px;
  --interactive_radius: 10px;

  /* --- Gecis --------------------------------------------------------- */
  --transition-fast: 0.18s ease;
  --transition-base: 0.28s ease;
  --transition-smooth: 0.4s cubic-bezier(0.4, 0, 0.2, 1);

  /* --- Yerlesim olculeri --------------------------------------------- */
  --shell-max: 1160px;
  --content-max: 780px;
  --sidebar-max: 404px;

  /* Minimum dokunma hedefi (WCAG 2.1 AA — 2.5.5) */
  --tap-target: 44px;

  color-scheme: dark;
}

/* Hareket tercihi: token seviyesinde tek noktadan kapatilir. */
@media (prefers-reduced-motion: reduce) {
  :root {
    --transition-fast: 0.01ms;
    --transition-base: 0.01ms;
    --transition-smooth: 0.01ms;
  }
}