/* Design tokens — CLAUDE.md §4.3'ten birebir. Yeni değer eklenmez. */

:root {
  /* Renk */
  --paper:      #F4F1EC;
  --stone:      #E6E1D8;
  --stone-deep: #D6CFC3;
  --ink:        #1D1C1A;
  --ink-soft:   #5E5A53;
  --ink-mute:   #8C877E;
  --night:      #1F2833;
  --night-ink:  #EDE9E2;
  --rule:       rgba(29, 28, 26, 0.14);
  --rule-night: rgba(237, 233, 226, 0.16);

  /* Tipografi */
  --font-serif: "Source Serif 4", "Iowan Old Style", Georgia, serif;
  --font-sans:  "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif;

  --fs-display: clamp(2.75rem, 1.8rem + 5vw, 6.5rem);
  --fs-h1:      clamp(2.1rem, 1.5rem + 3vw, 4rem);
  --fs-h2:      clamp(1.6rem, 1.3rem + 1.6vw, 2.75rem);
  --fs-h3:      clamp(1.2rem, 1.1rem + 0.6vw, 1.5rem);
  --fs-lead:    clamp(1.15rem, 1.05rem + 0.6vw, 1.5rem);
  --fs-body:    1.0625rem;
  --fs-small:   0.875rem;
  --fs-label:   0.75rem;

  --lh-tight: 1.08;  --lh-head: 1.2;  --lh-body: 1.65;
  --tracking-label: 0.16em;
  --tracking-display: -0.02em;

  /* Boşluk */
  --s-1: 0.5rem; --s-2: 1rem; --s-3: 1.5rem; --s-4: 2rem;
  --s-5: 3rem;   --s-6: 4rem; --s-7: 6rem;   --s-8: 8rem; --s-9: 12rem;
  --section-gap: clamp(5rem, 3rem + 8vw, 12rem);

  /* Düzen */
  --max-w:  1440px;
  --text-w: 68ch;
  --gutter: clamp(1.25rem, 0.5rem + 3vw, 4rem);

  /* Hareket */
  --ease:     cubic-bezier(0.22, 1, 0.36, 1);
  --dur-slow: 900ms;
  --dur-mid:  600ms;
  --dur-fast: 250ms;
}

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