/* ============================================================
   KS-Partyverleih — Design Tokens
   Schwarz-Gold Edel-Look (passend zu Logo & Flyern)
   ============================================================ */

:root {
  /* --- Farben: Basis --- */
  --black:        #0a0a0a;
  --black-2:      #0e0e0f;
  --panel:        #141414;
  --panel-2:      #1b1b1c;
  --panel-3:      #232324;
  --line:         rgba(212, 175, 55, 0.22);
  --line-soft:    rgba(255, 255, 255, 0.07);

  /* --- Farben: Gold --- */
  --gold:         #d4af37;
  --gold-2:       #c9a24b;
  --gold-deep:    #a9842c;
  --gold-light:   #f3e2a9;
  --gold-glow:    rgba(212, 175, 55, 0.35);
  --gold-gradient: linear-gradient(135deg, #f7e8b0 0%, #d4af37 38%, #b3892f 70%, #f3e2a9 100%);
  --gold-gradient-2: linear-gradient(120deg, #d4af37, #f3e2a9 50%, #a9842c);

  /* --- Text --- */
  --text:         #f6f5f1;
  --muted:        #b7b4ab;
  --muted-2:      #8a877f;
  --on-gold:      #1a1407;

  /* --- Typografie --- */
  --font-display: "Playfair Display", "Cormorant Garamond", Georgia, serif;
  --font-body:    "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;

  --fs-hero:   clamp(2.6rem, 7vw + 0.5rem, 6rem);
  --fs-h1:     clamp(2rem, 4.5vw + 0.5rem, 3.6rem);
  --fs-h2:     clamp(1.6rem, 3vw + 0.4rem, 2.6rem);
  --fs-h3:     clamp(1.2rem, 1.4vw + 0.6rem, 1.55rem);
  --fs-body:   clamp(1rem, 0.3vw + 0.95rem, 1.08rem);
  --fs-small:  0.86rem;
  --fs-eyebrow:0.8rem;

  /* --- Spacing & Layout --- */
  --maxw:       1240px;
  --maxw-narrow:880px;
  --gutter:     clamp(1.1rem, 4vw, 3rem);
  --section-y:  clamp(3.5rem, 9vw, 7.5rem);
  --radius:     16px;
  --radius-lg:  24px;
  --radius-sm:  10px;
  --radius-pill:999px;

  /* --- Effekte --- */
  --shadow:        0 18px 50px -22px rgba(0,0,0,0.85);
  --shadow-gold:   0 10px 40px -12px var(--gold-glow);
  --header-h:      72px;
  --ease:          cubic-bezier(0.22, 1, 0.36, 1);
  --ease-out:      cubic-bezier(0.16, 1, 0.3, 1);
  --t-fast:        .2s var(--ease);
  --t:             .4s var(--ease);
  --t-slow:        .7s var(--ease);
}