/* HG Monolit — tasarım tokenları (tema.md §3, birebir). Bileşenler yalnızca bu değişkenleri kullanır. */
:root{
  /* ── Renk: koyu ana tema ───────────────────────── */
  --hg-bg:          #0B0B0C;  /* sayfa zemini */
  --hg-bg-2:        #111113;  /* alternatif bölüm */
  --hg-surface:     #17171A;  /* kart */
  --hg-surface-2:   #1E1E22;  /* kart hover / input */
  --hg-line:        rgba(242,240,235,.10);
  --hg-line-2:      rgba(242,240,235,.18);
  --hg-text:        #F2F0EB;  /* sıcak kırık beyaz */
  --hg-text-2:      #A7A49C;  /* ikincil metin (AA uyumlu) */
  --hg-text-3:      #6E6B65;  /* SADECE ≥18px veya dekoratif */
  --hg-accent:      #C8A26B;  /* pirinç — tek vurgu */
  --hg-accent-hi:   #DDBB86;
  --hg-accent-lo:   #9C7C4E;
  --hg-on-accent:   #0B0B0C;
  --hg-blueprint:   #5B8CFF;  /* teknik vurgu: ölçü çizgisi, forum, link hover */
  --hg-success:     #3FB68B;
  --hg-warning:     #E0A43B;
  --hg-danger:      #E5534B;

  /* ── Açık "kâğıt" bölüm (kontrast için) ────────── */
  --hg-paper:       #EEEBE4;
  --hg-paper-ink:   #141414;
  --hg-paper-line:  rgba(20,20,20,.12);

  /* ── Font aileleri ─────────────────────────────── */
  --hg-font-display: "Archivo", "Helvetica Neue", Arial, sans-serif;
  --hg-font-body:    "Manrope", system-ui, -apple-system, sans-serif;
  --hg-font-mono:    "JetBrains Mono", ui-monospace, Menlo, monospace;

  /* ── Tip ölçeği (akışkan) ──────────────────────── */
  --hg-fs-hero:  clamp(2.75rem, 1.6rem + 5.2vw, 6.5rem);
  --hg-fs-h1:    clamp(2.25rem, 1.5rem + 3.2vw, 4.5rem);
  --hg-fs-h2:    clamp(1.75rem, 1.3rem + 2vw, 3.25rem);
  --hg-fs-h3:    clamp(1.25rem, 1.1rem + .7vw, 1.75rem);
  --hg-fs-h4:    1.125rem;
  --hg-fs-body:  clamp(1rem, .96rem + .2vw, 1.0625rem);
  --hg-fs-small: .875rem;
  --hg-fs-label: .75rem;

  --hg-lh-tight:   1.02;
  --hg-lh-heading: 1.12;
  --hg-lh-body:    1.65;
  --hg-ls-display: -.02em;
  --hg-ls-label:   .16em;

  /* ── Boşluk (4px tabanlı) ──────────────────────── */
  --hg-s-1: 4px;   --hg-s-2: 8px;   --hg-s-3: 12px;  --hg-s-4: 16px;
  --hg-s-5: 24px;  --hg-s-6: 32px;  --hg-s-7: 48px;  --hg-s-8: 64px;
  --hg-s-9: 96px;  --hg-s-10: 128px;
  --hg-section-y: clamp(96px, 5rem + 4vw, 160px);

  /* ── Izgara ────────────────────────────────────── */
  --hg-container: 1320px;
  --hg-container-narrow: 860px;
  --hg-gutter: clamp(16px, 4vw, 40px);

  /* ── Biçim ─────────────────────────────────────── */
  --hg-radius-0: 0;
  --hg-radius-1: 2px;
  --hg-radius-2: 4px;
  --hg-radius-pill: 999px;
  --hg-shadow-pop: 0 24px 60px -20px rgba(0,0,0,.65);

  /* ── Hareket ───────────────────────────────────── */
  --hg-ease:        cubic-bezier(.2,.7,.1,1);
  --hg-ease-in-out: cubic-bezier(.65,0,.35,1);
  --hg-dur-1: 150ms;  --hg-dur-2: 300ms;
  --hg-dur-3: 600ms;  --hg-dur-4: 900ms;

  /* ── Katman ve ölçüler ─────────────────────────── */
  --hg-z-header: 100; --hg-z-drawer: 200; --hg-z-modal: 300; --hg-z-toast: 400;
  --hg-utility-h: 36px;
  --hg-header-h: 76px;

  /* ── Ek tokenlar (tema.md'ye eklemeli; mevcut değerleri değiştirmez) ── */
  --hg-paper-line-solid: #D3CEC2;   /* kâğıt bölümde 1px düz çizgi */
  --hg-paper-text-2:     #55524C;   /* kâğıt bölümde ikincil metin (AA) */
  --hg-paper-surface:    #FFFFFF;   /* kâğıt bölümde kart */
  --hg-scrim-rgb:        11,11,12;  /* görsel üstü koyulaştırma (rgba içinde) */
}