/* ============================================================
   GoldSyntax çekirdek token'ları
   Paylaşılan çekirdek (assets/core): furkan.goldsyntax.dev de bunu CORS ile çeker.
   Renkler spec §4.1'den BİREBİR; strateji: aksan yüzeyin ≤ %10'u, renk karanlıkta ışık gibi.
   ============================================================ */
:root {
  color-scheme: dark;

  /* ---- Renk (OKLCH) ---- */
  --bg:            oklch(0.145 0.006 70);   /* warm near-black, gövde */
  --bg-deep:       oklch(0.110 0.005 70);   /* hero/kapanış kenarları */
  --surface:       oklch(0.190 0.008 70);
  --surface-2:     oklch(0.235 0.010 70);
  --ink:           oklch(0.955 0.008 85);   /* projektör beyazı */
  --ink-soft:      oklch(0.82 0.010 75);
  --muted:         oklch(0.66 0.012 70);    /* ≥ 6:1, AA güvenli */
  --accent:        oklch(0.80 0.13 72);     /* sodyum amber, TEK aksan */
  --accent-bright: oklch(0.87 0.12 80);
  --accent-deep:   oklch(0.60 0.12 66);
  --on-accent:     oklch(0.16 0.02 60);     /* amber dolgu üstünde metin */
  --line:          oklch(0.955 0.008 85 / 0.14);
  --line-strong:   oklch(0.955 0.008 85 / 0.26);
  --beam-amber:    oklch(0.80 0.13 72 / 0.30);
  --wa:            oklch(0.72 0.16 155);    /* yalnızca WhatsApp butonu */
  --danger:        oklch(0.76 0.15 25);     /* yalnızca hata durumu (marka rengi değil) */

  /* ---- Tipografi ---- */
  --font-display: "Clash Display", "Avenir Next", "Segoe UI", system-ui, sans-serif;
  --font-body:    "Hanken Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono:    "Spline Sans Mono", ui-monospace, "SF Mono", Menlo, monospace;

  --fs-sm:   0.875rem;
  --fs-base: 1rem;
  --fs-lead: clamp(1.0625rem, 0.35vw + 1rem, 1.25rem);
  --fs-h3:   clamp(1.25rem, 0.9vw + 1rem, 1.625rem);
  --fs-h2:   clamp(1.875rem, 2.6vw + 0.9rem, 3.5rem);
  --fs-h1:   clamp(2.25rem, 4.6vw + 0.9rem, 6rem);   /* display üst sınırı 6rem */
  --lh-body: 1.65;
  --lh-tight: 1.04;
  --tracking-display: -0.025em;                      /* alt sınır: ≥ -0.025em (spec §4.2) */

  /* ---- Aralık ---- */
  --sp-xs: 0.5rem;
  --sp-sm: 0.75rem;
  --sp-md: 1.5rem;
  --sp-lg: clamp(3rem, 6vw, 5rem);
  --sp-xl: clamp(5rem, 10vw, 9rem);

  /* ---- Yarıçap ---- */
  --r-sm: 0.5rem;
  --r-md: 0.875rem;
  --r-lg: 1.5rem;
  --r-pill: 999px;

  /* ---- Yerleşim ---- */
  --measure: 65ch;
  --container: 78rem;
  --gutter: clamp(1.25rem, 4.5vw, 3rem);
  --header-h: 64px;                                   /* ≥ 768px: 72px (base.css) */
  --target: 44px;                                    /* dokunma hedefi alt sınırı */

  /* ---- Hareket ---- */
  --ease-out:  cubic-bezier(0.23, 1, 0.32, 1);       /* UI etkileşimleri */
  --ease-expo: cubic-bezier(0.16, 1, 0.3, 1);        /* reveal, menü: üstel ease-out */
  --t-fast: 160ms;                                   /* basma geri bildirimi, hover */
  --t-base: 240ms;
  --t-slow: 600ms;                                   /* reveal (≤ 600ms) */
  --t-move: var(--t-base);                           /* transform geçişleri; azaltılmış harekette ~0 */

  /* ---- Derinlik ---- */
  --glow:  0 12px 30px -10px oklch(0.80 0.13 72 / 0.50);   /* ofsetli, yumuşak: halo değil */
  --lift:  0 18px 40px -20px oklch(0 0 0 / 0.75);

  /* ---- z-index ölçeği ---- */
  --z-stage: 0;      /* 3D tuval */
  --z-content: 1;
  --z-fab: 80;
  --z-sticky: 100;   /* header */
  --z-menu: 210;     /* mobil tam ekran menü */
  --z-dialog: 300;   /* lightbox */
}

@media (min-width: 768px) {
  :root { --header-h: 72px; }
}