/* ========================================
   MAHARAJAH TOURS - BASE STYLES
   Foundation: Variables, Reset, Typography
   ======================================== */

/* ========== CSS VARIABLES ========== */
:root {
  --brand-burgundy: #4e0e10;
  --brand-gold: #d4af37;
  --brand-light-gold: #f4e4c1;
  --brand-dark: #2a0608;
  --text-dark: #1a1a1a;
  --text-muted: #6c757d;
  --bg-cream: #faf8f5;
}

/* ========== RESET & GLOBAL ========== */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: 'Open Sans', -apple-system, BlinkMacSystemFont, sans-serif;
  color: var(--text-dark);
  background: #ffffff;
  overflow-x: hidden;
}

/* ========== TYPOGRAPHY ========== */
h1, h2, h3, h4, h5, h6 {
  font-family: 'Playfair Display', serif;
  font-weight: 700;
  letter-spacing: -0.02em;
}

/* ========== GLOBAL UTILITIES ========== */
.bg-light {
  background: var(--bg-cream) !important;
}

section.py-5 {
  padding: 5rem 0 !important;
}

.text-brand {
  color: var(--brand-burgundy) !important;
}

.text-muted {
  color: var(--text-muted) !important;
}