/* ═══════════════════════════════════════════
   TEMA — Sinematik karanlık & altın palet
   ═══════════════════════════════════════════ */

:root {
  --bg-primary:    #030303;
  --bg-secondary:  #0a0a0a;
  --bg-elevated:   #111111;
  --bg-card:       #141414;
  --bg-card-hover: #1c1c1c;

  --gold:          #d4af37;
  --gold-light:    #f0d78c;
  --gold-dark:     #8a6f2e;
  --gold-glow:     rgba(212, 175, 55, 0.35);
  --gold-shimmer:  rgba(240, 215, 140, 0.15);

  --text-primary:  #fafaf8;
  --text-secondary:#b0b0a8;
  --text-muted:    #5c5c56;

  --border-subtle: rgba(255, 255, 255, 0.05);
  --border-gold:   rgba(212, 175, 55, 0.35);
  --glass-bg:      rgba(8, 8, 8, 0.82);
  --glass-blur:    20px;

  --font-display:  'Playfair Display', Georgia, serif;
  --font-body:     'Inter', system-ui, sans-serif;

  --section-py:    clamp(5.5rem, 14vw, 9rem);
  --nav-height:    80px;
  --radius-sm:     8px;
  --radius-md:     14px;
  --radius-lg:     24px;

  --ease-out:      cubic-bezier(0.16, 1, 0.3, 1);
  --ease-dramatic: cubic-bezier(0.77, 0, 0.175, 1);
  --transition:    0.5s var(--ease-out);
}