/* ============================================================================
   HOLM Digital — tasarım token'ları
   ----------------------------------------------------------------------------
   Marka: adını Holmberg 15A'dan alıyor; bilinen en kütleli kara deliklerden biri.
   Görsel dil: derin uzay siyahı üzerinde tek bir sıcak akrasyon diski vurgusu.

   KİLİTLER (bütün sayfalarda geçerli)
   - Tema kilidi ....... tek tema: koyu. Hiçbir bölüm açık temaya dönmez.
   - Renk kilidi ....... tek vurgu rengi: --accent (#FF7A2F). Başka aksan yok.
                         Disk gradyanı yalnızca görsel öğelerde kullanılır.
   - Şekil kilidi ...... etkileşimli kontroller hap (pill), kapsayıcılar 16px,
                         küçük rozet/ikon kutuları 10px. İstisna yok.
   - Hareket kilidi .... imza easing --e-out; süre paleti 140 / 320 / 620ms.
   ========================================================================== */

:root {
  color-scheme: dark;

  /* --- Yüzeyler -------------------------------------------------------- */
  --ink-1000: #06070A;   /* sayfa zemini (saf siyah değil, soğuk mürekkep) */
  --ink-900:  #0A0C11;
  --ink-800:  #0F1218;   /* kart yüzeyi */
  --ink-700:  #141922;   /* yükseltilmiş yüzey */
  --ink-600:  #1C222D;

  --line:     rgb(255 255 255 / .07);
  --line-2:   rgb(255 255 255 / .13);
  --line-3:   rgb(255 255 255 / .22);

  /* --- Metin ----------------------------------------------------------- */
  --text-1: #ECEEF4;
  --text-2: #98A0B2;
  --text-3: #626B7E;

  /* --- Tek vurgu ------------------------------------------------------- */
  --accent:      #FF7A2F;
  --accent-hi:   #FF9459;
  --accent-dim:  rgb(255 122 47 / .16);
  --accent-line: rgb(255 122 47 / .40);
  --on-accent:   #14100C;   /* turuncu üzerinde okunan koyu metin (kontrast 8.9:1) */

  /* --- Akrasyon diski gradyanı (yalnızca görsel öğeler) ---------------- */
  --disk-core: #FFF0C4;
  --disk-in:   #FFC46B;
  --disk-mid:  #FF7A2F;
  --disk-out:  #9E2A18;

  /* --- Tipografi ------------------------------------------------------- */
  --font-sans: 'Geist', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-mono: 'Geist Mono', ui-monospace, 'SF Mono', Menlo, monospace;

  /* Hero başlığı masaüstünde iki satırda kalacak şekilde sınırlandı. */
  --fs-display: clamp(2.5rem, 5.4vw, 4.5rem);
  --fs-h1:      clamp(2.1rem, 4.6vw, 3.5rem);
  --fs-h2:      clamp(1.65rem, 3.2vw, 2.5rem);
  --fs-h3:      clamp(1.15rem, 1.8vw, 1.4rem);
  --fs-lead:    clamp(1.0625rem, 1.5vw, 1.25rem);
  --fs-body:    1.0625rem;
  --fs-sm:      0.9375rem;
  --fs-xs:      0.8125rem;
  --fs-micro:   0.6875rem;

  --lh-tight: 1.04;
  --lh-snug:  1.18;
  --lh-body:  1.62;

  /* --- Şekil ----------------------------------------------------------- */
  --r-pill: 999px;   /* buton, çip, etiket */
  --r-box:  16px;    /* kart, panel, form alanı, modal */
  --r-tiny: 10px;    /* rozet, ikon kutusu */

  /* --- Boşluk (4px tabanlı) -------------------------------------------- */
  --s-1: 4px;   --s-2: 8px;   --s-3: 12px;  --s-4: 16px;
  --s-5: 24px;  --s-6: 32px;  --s-7: 48px;  --s-8: 64px;
  --s-9: 96px;  --s-10: 128px;

  --pad-section: clamp(5.5rem, 11vw, 10rem);
  --shell: 1320px;
  --gutter: clamp(1.25rem, 4vw, 3rem);

  /* --- Hareket --------------------------------------------------------- */
  --e-out: cubic-bezier(.16, 1, .3, 1);      /* imza: yerçekimiyle oturma */
  --e-in:  cubic-bezier(.7, 0, .84, 0);
  --e-io:  cubic-bezier(.65, 0, .35, 1);
  --e-sine: cubic-bezier(.37, 0, .63, 1);    /* döngüsel ortam hareketi */

  --t-fast: 140ms;
  --t-base: 320ms;
  --t-slow: 620ms;
  --stagger: 60ms;

  /* --- Katmanlar (z-index ölçeği; keyfi değer kullanmayın) ------------- */
  --z-base: 1;
  --z-sticky: 40;
  --z-nav: 50;
  --z-modal: 70;
  --z-grain: 80;
  --z-splash: 90;

  /* --- Gölge (zemin tonuna boyalı, saf siyah değil) -------------------- */
  --shadow-1: 0 1px 2px rgb(4 5 8 / .5);
  --shadow-2: 0 12px 32px -12px rgb(4 5 8 / .8);
  --shadow-3: 0 32px 80px -24px rgb(4 5 8 / .9);
  --glow: 0 0 0 1px var(--accent-line), 0 18px 50px -22px rgb(255 122 47 / .55);
}

/* Hareket azaltma tercihi: bütün süreleri sıfırla. Sayfa hâlâ tam çalışır. */
@media (prefers-reduced-motion: reduce) {
  :root {
    --t-fast: 1ms;
    --t-base: 1ms;
    --t-slow: 1ms;
    --stagger: 0ms;
  }
}