/* ============================================================
   SLICIZ LOUNGE — Design Tokens (Light)
   Warm Cream & Antique Gold | Light Theme
   ============================================================ */

:root {
  /* ── Colors ── */
  --color-bg-primary:         #FAF8F3;
  --color-bg-secondary:       #F1ECE2;
  --color-bg-elevated:        #FFFFFF;
  --color-accent-gold:        #9C6F22;
  --color-accent-gold-bright: #BA8A35;
  --color-accent-burgundy:    #7A2E1A;
  --color-accent-rose:        #B5677A;
  --color-text-primary:       #1C1814;
  --color-text-muted:         #6E6456;
  --color-border:             #E4DDD0;
  --color-overlay:            rgba(28, 24, 20, 0.5);

  /* ── Typography (V3 serif set) ── */
  --font-display:  'Cormorant Garamond', Georgia, serif;
  --font-accent:   'Italiana', Georgia, serif;
  --font-body:     'Inter', system-ui, sans-serif;

  --fs-eyebrow:   0.75rem;
  --fs-body:      1rem;
  --fs-body-lg:   1.125rem;
  --fs-h3:        1.5rem;
  --fs-h2:        clamp(2rem, 4vw, 3rem);
  --fs-h1:        clamp(3rem, 7vw, 6rem);
  --fs-hero:      clamp(3.5rem, 9vw, 7.5rem);
  --fs-quote:     clamp(1.5rem, 3vw, 2.5rem);

  --fw-light:   300;
  --fw-regular: 400;
  --fw-medium:  500;
  --fw-semi:    600;

  --ls-eyebrow: 0.2em;
  --ls-heading: 0.02em;

  --lh-tight:  1.1;
  --lh-snug:   1.3;
  --lh-normal: 1.6;
  --lh-loose:  1.8;

  /* ── Spacing ── */
  --space-xs:   0.5rem;
  --space-sm:   1rem;
  --space-md:   1.5rem;
  --space-lg:   2.5rem;
  --space-xl:   4rem;
  --space-2xl:  6rem;
  --space-3xl:  clamp(5rem, 10vw, 10rem);

  /* ── Layout ── */
  --container-max:  1280px;
  --container-pad:  clamp(1.5rem, 5vw, 5rem);
  --section-pad:    clamp(5rem, 10vw, 10rem);
  --nav-height:     80px;
  --border-radius:  4px;

  /* ── Effects ── */
  --shadow-card:    0 10px 40px rgba(40,30,10,0.10);
  --shadow-glow:    0 0 60px rgba(156,111,34,0.12);
  --transition-fast: 200ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-base: 350ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-slow: 700ms cubic-bezier(0.4, 0, 0.2, 1);
}