/* ============================================
   PURAVANKARA — CSS CUSTOM PROPERTIES
   White-First Luxury with Champagne Gold
   ============================================ */

:root {
  /* ── BACKGROUNDS (White-First Palette) ── */
  --color-white: #FFFFFF;
  --color-off-white: #FAFAF8;
  --color-ivory: #F7F3EC;
  --color-cream: #F2EDE3;
  --color-parchment: #EDE6D9;

  /* ── GOLD SYSTEM (Signature Accent) ── */
  --color-gold: #B8922A;
  --color-gold-mid: #C9A84C;
  --color-gold-light: #E4C97E;
  --color-gold-pale: #F5E9C8;
  --color-gold-border: rgba(184, 146, 42, 0.25);
  --color-gold-rule: rgba(184, 146, 42, 0.45);

  /* ── TEXT ── */
  --color-ink: #1A1612;
  --color-charcoal: #3D3530;
  --color-stone: #6B6259;
  --color-placeholder: #B0A89E;

  /* ── SPECIAL SURFACES ── */
  --color-hero-overlay: rgba(10, 7, 4, 0.52);
  --color-card-shadow: rgba(184, 146, 42, 0.10);
  --color-glass-white: rgba(255, 255, 255, 0.82);
  --color-footer-bg: #0F0C08;
  --color-footer-text: #C9BFB3;

  /* ── TYPOGRAPHY ── */
  --font-display: 'Cormorant Garamond', 'Playfair Display', Georgia, serif;
  --font-body: 'DM Sans', 'Nunito', sans-serif;
  --font-label: 'Rajdhani', 'Montserrat', sans-serif;

  /* ── SPACING & RADIUS ── */
  --radius-card: 6px;
  --radius-btn: 3px;
  --section-padding: clamp(5rem, 9vw, 9rem);

  /* ── TRANSITIONS ── */
  --transition-base: 0.35s ease;
  --transition-slow: 0.6s ease;

  /* ── LAYOUT ── */
  --container-max: 1320px;
  --nav-height: 72px;
}

@media (max-width: 768px) {
  :root {
    --nav-height: 60px;
  }
}