/* =========================================================
   KRAKEN FILM — Design Tokens (Brand Identity System v2.0)
   Obsidian × Bone White × Graphite × Acid Lime
   ========================================================= */
:root {
  /* Renk — marka */
  --obsidian: #0C0E0D;
  --carbon: #070908;
  --graphite: #292D2B;
  --graphite-2: #1A1D1C;
  --titanium: #939995;
  --bone: #F2F0E9;
  --bone-2: #E7E4DA;
  --lime: #C6F523;
  --lime-soft: rgba(198, 245, 35, 0.14);
  --lime-line: rgba(198, 245, 35, 0.38);

  /* Renk — rol */
  --ink-on-dark: #F2F0E9;
  --ink-on-dark-2: rgba(242, 240, 233, 0.66);
  --ink-on-dark-3: rgba(242, 240, 233, 0.42);
  --ink-on-light: #0C0E0D;
  --ink-on-light-2: rgba(12, 14, 13, 0.66);
  --ink-on-light-3: rgba(12, 14, 13, 0.45);
  --line-dark: rgba(242, 240, 233, 0.10);
  --line-dark-2: rgba(242, 240, 233, 0.18);
  --line-light: rgba(12, 14, 13, 0.10);
  --line-light-2: rgba(12, 14, 13, 0.18);
  --glass-dark: linear-gradient(160deg, rgba(242,240,233,0.06), rgba(242,240,233,0.015));

  /* Tipografi */
  --font-display: "Playfair Display", "Times New Roman", serif;
  --font-sans: "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, Menlo, monospace;

  --fs-display: clamp(2.75rem, 1.6rem + 4.6vw, 6rem);
  --fs-h2: clamp(2.1rem, 1.4rem + 2.8vw, 4rem);
  --fs-h3: clamp(1.4rem, 1.15rem + 0.9vw, 1.9rem);
  --fs-lead: clamp(1.05rem, 0.98rem + 0.35vw, 1.3rem);
  --fs-body: 1rem;
  --fs-small: 0.875rem;
  --fs-label: 0.72rem;

  --tracking-label: 0.28em;

  /* Boşluk — 8px tabanlı */
  --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;
  --section-y: clamp(5rem, 3rem + 8vw, 10rem);
  --gutter: clamp(1rem, 0.5rem + 2.5vw, 3rem);
  --max: 1320px;

  /* Şekil */
  --r-sm: 10px; --r-md: 16px; --r-lg: 22px; --r-xl: 28px; --r-pill: 999px;

  /* Derinlik — açık yüzeyler için katmanlı gölge */
  --depth-light-1: 0 1px 0 rgba(255,255,255,0.8) inset, 0 1px 2px rgba(12,14,13,0.06), 0 8px 24px -12px rgba(12,14,13,0.18);
  --depth-light-2: 0 1px 0 rgba(255,255,255,0.9) inset, 0 2px 4px rgba(12,14,13,0.05), 0 24px 60px -24px rgba(12,14,13,0.35);
  /* Derinlik — koyu yüzeyler */
  --depth-dark-1: 0 1px 0 rgba(242,240,233,0.06) inset, 0 20px 50px -24px rgba(0,0,0,0.8);
  --depth-dark-2: 0 1px 0 rgba(242,240,233,0.08) inset, 0 40px 90px -30px rgba(0,0,0,0.9);

  /* Hareket */
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --t-fast: 0.25s; --t-med: 0.45s; --t-slow: 0.9s;
}