/* ==========================================================================
   Design tokens — tek kaynak. Renk/tipografi/boşluk burada değişir.
   ========================================================================== */

:root {
  color-scheme: dark;

  /* --- Yüzeyler ------------------------------------------------------- */
  --c-void:        oklch(12.5% 0.014 255);
  --c-bg:          oklch(15%   0.016 255);
  --c-surface:     oklch(19%   0.017 255);
  --c-surface-hi:  oklch(23%   0.018 255);

  /* --- Kenarlıklar ---------------------------------------------------- */
  --c-line:        oklch(28%   0.015 255);
  --c-line-soft:   oklch(23%   0.013 255);
  --c-line-hi:     oklch(40%   0.020 255);

  /* --- Metin ---------------------------------------------------------- */
  --c-text:        oklch(94%   0.006 255);
  --c-text-muted:  oklch(70%   0.012 255);
  --c-text-dim:    oklch(55%   0.014 255);

  /* --- Vurgu: sinyal amberi ------------------------------------------ */
  --c-accent:      oklch(80%   0.152 78);
  --c-accent-soft: oklch(80%   0.152 78 / 0.14);
  --c-accent-line: oklch(80%   0.152 78 / 0.34);
  --c-accent-deep: oklch(63%   0.135 66);

  /* --- İkincil sinyal: canlı / durum ---------------------------------- */
  --c-live:        oklch(78%   0.170 152);
  --c-live-soft:   oklch(78%   0.170 152 / 0.16);

  /* --- Tipografi ------------------------------------------------------ */
  --font-display: "Space Grotesk", "Segoe UI", system-ui, sans-serif;
  --font-mono:    "JetBrains Mono", ui-monospace, "SFMono-Regular", Consolas, monospace;

  --text-micro: 0.6875rem;                                  /* 11px etiketler */
  --text-sm:    0.8125rem;
  --text-base:  clamp(0.9375rem, 0.9rem + 0.18vw, 1.0625rem);
  --text-lead:  clamp(1.0625rem, 0.98rem + 0.4vw, 1.3125rem);
  --text-h3:    clamp(1.125rem, 1rem + 0.5vw, 1.375rem);
  --text-h2:    clamp(1.75rem, 1.3rem + 2vw, 3rem);
  --text-hero:  clamp(2.75rem, 0.6rem + 8.6vw, 7.5rem);

  --track-label: 0.16em;
  --leading-tight: 0.94;
  --leading-snug: 1.25;
  --leading-body: 1.7;

  /* --- Ritim ---------------------------------------------------------- */
  --space-2xs: 0.25rem;
  --space-xs:  0.5rem;
  --space-sm:  0.75rem;
  --space-md:  1.25rem;
  --space-lg:  2rem;
  --space-xl:  3.25rem;
  --space-section: clamp(4.5rem, 3rem + 7vw, 9rem);

  --gutter: clamp(1.25rem, 0.6rem + 3vw, 3.5rem);
  --measure: 62ch;
  --max-page: 1240px;

  /* --- Şekil ---------------------------------------------------------- */
  --radius-sm: 3px;
  --radius-md: 6px;
  --radius-pill: 999px;

  /* --- Hareket -------------------------------------------------------- */
  --dur-fast:   140ms;
  --dur-normal: 320ms;
  --dur-slow:   720ms;
  --ease-out:   cubic-bezier(0.16, 1, 0.3, 1);
  --ease-inout: cubic-bezier(0.65, 0, 0.35, 1);

  /* --- Katman --------------------------------------------------------- */
  --z-grid: 0;
  --z-base: 1;
  --z-header: 50;
  --z-skip: 100;
}