/* ==========================================================================
   Lumen Arts Co. — Design Tokens
   Tüm renkler, ölçüler ve süreler yalnızca burada tanımlanır.
   ========================================================================== */

:root {
  /* --- Color -------------------------------------------------------- */
  /* Sinematik lüks: sıcak-koyu nötrler + rafine şampanya-altın aksan.
     Gold, sıcak zeminle bir üst-segment marka gibi oturur. */
  --background: #0a0807;
  --surface: #14120d;
  --surface-elevated: #1b1811;
  --foreground: #f5f1e8;
  --muted: #a49b8a;
  --border: #2c281f;
  --accent: #d8b46a;
  --accent-dark: #b8924a;
  --success: #6fcf97;
  --danger: #ff6b6b;

  /* Türev renkler (RGB kanalları alfa hesaplamaları için) */
  --accent-rgb: 216, 180, 106;
  --foreground-rgb: 245, 241, 232;
  --background-rgb: 10, 8, 7;

  --accent-soft: rgba(var(--accent-rgb), .12);
  --accent-line: rgba(var(--accent-rgb), .34);
  --border-soft: rgba(var(--foreground-rgb), .08);
  --border-strong: rgba(var(--foreground-rgb), .18);
  --overlay: rgba(var(--background-rgb), .72);
  --overlay-strong: rgba(var(--background-rgb), .9);
  --scrim: linear-gradient(180deg, rgba(var(--background-rgb), 0) 0%, rgba(var(--background-rgb), .88) 100%);
  --sheen: linear-gradient(135deg, rgba(var(--foreground-rgb), .06) 0%, rgba(var(--foreground-rgb), 0) 60%);

  /* --- Typography --------------------------------------------------- */
  /* Sinematik editoryal sistem. Hepsi yerel; yüklenemezse sistem yığını.
     Display : Playfair Display (yüksek kontrastlı serif)
     Body/UI : Inter (grotesk)
     Label   : IBM Plex Mono (teknik etiketler, numaralar) */
  --font-sans: "InterVariable", Inter, "Helvetica Neue", Arial, sans-serif;
  --font-display: "Playfair Display", Georgia, "Times New Roman", serif;
  --font-mono: "IBM Plex Mono", ui-monospace, "SFMono-Regular", "Cascadia Mono", Consolas, monospace;

  /* Serif display daha büyük ölçekte nefes alır — üst sınırları yükseğe çektik */
  --fs-display: clamp(3rem, 9.6vw, 9rem);
  --fs-h1: clamp(2.4rem, 6.4vw, 5.4rem);
  --fs-h2: clamp(2rem, 4.8vw, 3.8rem);
  --fs-h3: clamp(1.35rem, 2.6vw, 1.9rem);
  --fs-h4: clamp(1.1rem, 1.6vw, 1.32rem);
  --fs-body: clamp(1rem, 1.05vw, 1.09rem);
  --fs-small: .9rem;
  --fs-eyebrow: .72rem;

  /* Serif display sıkı satır, hafif negatif izleme ister (grotesk kadar sıkı değil) */
  --lh-display: .96;
  --lh-heading: 1.03;
  --lh-body: 1.72;

  --ls-display: -.015em;
  --ls-heading: -.012em;
  --ls-eyebrow: .24em;

  /* Playfair'ın opsz ekseni yoktur; başlıklarda etkisiz kalır (zararsız) */
  --display-opsz: normal;

  /* --- Space -------------------------------------------------------- */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 96px;
  --space-10: 128px;

  --container: 1280px;
  --container-narrow: 860px;
  --gutter: clamp(20px, 5vw, 64px);
  --section-y: clamp(72px, 10vw, 160px);
  --measure: 68ch;

  /* --- Radius & elevation ------------------------------------------- */
  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 22px;
  --radius-pill: 999px;

  --shadow-soft: 0 18px 40px -28px rgba(0, 0, 0, .9);
  --shadow-card: 0 24px 60px -40px rgba(0, 0, 0, 1);

  /* --- Motion ------------------------------------------------------- */
  --dur-micro: 200ms;
  --dur-card: 520ms;
  --dur-section: 640ms;
  --dur-hero: 900ms;

  --ease-out: cubic-bezier(.22, .61, .36, 1);
  --ease-inout: cubic-bezier(.65, 0, .35, 1);
  /* İmza easing — expo çıkış, "sviçli/tereyağı gibi" premium his */
  --ease-premium: cubic-bezier(.16, 1, .3, 1);

  --header-h: 76px;
  --z-header: 100;
  --z-menu: 110;
  --z-modal: 200;
  --z-toast: 300;
}

@media (max-width: 767px) {
  :root {
    --dur-card: 420ms;
    --dur-section: 500ms;
    --dur-hero: 760ms;
    --header-h: 64px;
  }
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --dur-micro: 1ms;
    --dur-card: 1ms;
    --dur-section: 1ms;
    --dur-hero: 1ms;
  }
}