/* ============================================================
   Elite LUX Realty — Design Tokens / CSS Variables
   ============================================================ */

:root {
  /* ── Brand Palette ──────────────────────────────── */
  --champagne:        #C9A96E;
  --champagne-light:  #E8D5B0;
  --champagne-pale:   #F5EDD8;
  --ivory:            #FAF6EE;
  --ivory-dark:       #F0E8D5;
  --black:            #0A0A0A;
  --charcoal:         #1A1A1A;
  --dark-gray:        #2C2C2C;
  --mid-gray:         #6B6B6B;
  --light-gray:       #C8C8C8;
  --white:            #FFFFFF;
  --error:            #C0392B;
  --success:          #27AE60;

  /* ── Typography ─────────────────────────────────── */
  --font-display: 'Cormorant Garamond', Georgia, serif;
  --font-body:    'Jost', 'Helvetica Neue', sans-serif;

  /* ── Font Scale ─────────────────────────────────── */
  --text-xs:   10px;
  --text-sm:   12px;
  --text-base: 14px;
  --text-md:   16px;
  --text-lg:   20px;
  --text-xl:   28px;
  --text-2xl:  36px;
  --text-3xl:  48px;
  --text-4xl:  64px;
  --text-hero: clamp(52px, 7vw, 92px);

  /* ── Spacing ─────────────────────────────────────── */
  --space-xs:  8px;
  --space-sm:  16px;
  --space-md:  24px;
  --space-lg:  40px;
  --space-xl:  64px;
  --space-2xl: 100px;
  --space-3xl: 140px;

  /* ── Layout ─────────────────────────────────────── */
  --container-max: 1400px;
  --container-pad: 80px;

  /* ── Effects ─────────────────────────────────────── */
  --transition:      all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --transition-fast: all 0.2s ease;
  --shadow-sm:       0 4px 20px rgba(0,0,0,0.06);
  --shadow-md:       0 12px 40px rgba(0,0,0,0.10);
  --shadow-lg:       0 24px 64px rgba(0,0,0,0.14);
  --shadow-dark:     0 20px 60px rgba(0,0,0,0.28);
  --border-gold:     1px solid rgba(201,169,110,0.25);
  --border-gold-dim: 1px solid rgba(201,169,110,0.10);
  --radius-sm:       2px;
  --radius-md:       4px;

  /* ── Z-indices ───────────────────────────────────── */
  --z-nav:     1000;
  --z-overlay: 1100;
  --z-modal:   1200;
  --z-float:   900;
}