/* ── INTERDI ── */
:root {
  /* ── RENK ── */
  --in-accent:      #e92038;
  --in-accent-2:    #c8102e;
  --in-accent-dim:  #9a1020;

  --in-bg:          #020202;
  --in-bg-2:        #080808;
  --in-bg-3:        #0f0f0f;
  --in-sec-1:       #020202;
  --in-sec-2:       #070707;
  --in-sec-3:       #0a0a0a;
  --in-sec-4:       #0f0f0f;

  --in-text:        #fff;
  --in-dim:         #8a8a8a;
  --in-faint:       #3a3a3a;
  --in-gray:        #666;
  --in-line:        #1c1c1c;
  --in-white-70:    rgba(255, 255, 255, .7);
  --in-white-42:    rgba(255, 255, 255, .42);
  --in-white-08:    rgba(255, 255, 255, .08);

  /* ── FONT ── */
  --in-font-display: 'Steelfish', sans-serif;
  --in-font-body:    'Poppins', sans-serif;
  --in-font-mono:    'JetBrains Mono', ui-monospace, monospace;

  --in-fs-display:  clamp(2.8rem, 6vw, 5.5rem);
  --in-fs-h1:       clamp(2.2rem, 4.5vw, 3.6rem);
  --in-fs-h2:       clamp(1.6rem, 3vw, 2.4rem);
  --in-fs-h3:       clamp(1.2rem, 2vw, 1.5rem);
  --in-fs-body:     1rem;
  --in-fs-small:    .85rem;
  --in-fs-eyebrow:  .6rem;

  /* ── ARALIK / YERLEŞİM ── */
  --in-sp-1: .25rem;
  --in-sp-2: .5rem;
  --in-sp-3: .75rem;
  --in-sp-4: 1rem;
  --in-sp-5: 1.5rem;
  --in-sp-6: 2rem;
  --in-sp-7: 3rem;
  --in-sp-8: 4rem;
  --in-max:  1400px;
  --in-px:   clamp(1.5rem, 4vw, 4rem);
  --in-edge: clamp(1.1rem, 3vw, 2rem);

  /* ── KENAR YUVARLAKLIĞI ── */
  --in-radius-0:     0;
  --in-radius-sm:    4px;
  --in-radius-panel: 8px;
  --in-radius-pill:  999px;

  /* ── GÖLGE ── */
  --in-shadow-soft: 0 18px 40px -18px rgba(0, 0, 0, .8);
  --in-shadow-card: 0 30px 80px -50px rgba(0, 0, 0, .9);

  /* ── Z-INDEX KATMANLARI ── */
  --in-z-base:    1;
  --in-z-sticky:  100;
  --in-z-nav:     1000;
  --in-z-overlay: 10000;
  --in-z-toast:   100000;
}