/* ==========================================
   BASE STYLES - Variables, Reset, Typography, Layout
   ========================================== */

/* Modern design tokens */
:root{
  /* Palette: green/white mix + warm gold accents */
  --bg-1: #0f3b2f; /* deep green */
  --bg-2: #123f31; /* slightly varied green */
  --bg-light: #fbfcfa; /* mostly-white page background */
  --bg-gold: #faf6ef; /* soft gold/cream background */
  --bg-gold-light: #fdfbf7; /* lighter gold background */
  --bg-wash: rgba(15,59,47,0.06); /* subtle green wash over white */
  --surface: rgba(255,255,255,0.95); /* surface for cards/blocks on light bg */
  --text: #01251d; /* dark green text for readability */
  --text-soft: #0a3d2e; /* softer dark green for secondary text */
  --muted: #5a6b5e; /* muted green-neutral for light background */
  --accent: #c79a3a; /* gold */
  --accent-2: #b7802e; /* darker gold */
  --accent-hover: #d4a84d; /* lighter gold for hovers */
  --logo-teal: #c79a3a; /* reuse earlier var names for brand gold */
  --logo-blue: #b7802e;
  --glass: rgba(255,255,255,0.7);
  
  /* Modern spacing & sizing */
  --radius: 16px;
  --radius-lg: 24px;
  --radius-sm: 12px;
  --container: 1160px;
  --spacing-xs: 0.5rem;
  --spacing-sm: 1rem;
  --spacing-md: 1.5rem;
  --spacing-lg: 2.5rem;
  --spacing-xl: 4rem;
  
  /* Modern shadows with color tints */
  --shadow-sm: 0 2px 8px rgba(15,59,47,0.04), 0 1px 3px rgba(15,59,47,0.02);
  --shadow: 0 8px 24px rgba(15,59,47,0.08), 0 2px 8px rgba(15,59,47,0.04);
  --shadow-lg: 0 16px 48px rgba(15,59,47,0.12), 0 4px 16px rgba(15,59,47,0.06);
  --shadow-hover: 0 20px 60px rgba(199,154,58,0.15), 0 8px 24px rgba(15,59,47,0.08);
}

/* Reset */
*{box-sizing:border-box; margin:0; padding:0}
html{font-size:16px; scroll-behavior:smooth}
html,body{height:100%}

/* Typography */
.site-font-sans{font-family:'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif}
.site-font-serif{font-family:'Plus Jakarta Sans', 'Georgia', 'Times New Roman', serif}

body{
  margin:0;
  font-family:'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  font-size:1.0625rem;
  line-height:1.6;
  color:var(--text);
  background:linear-gradient(180deg, var(--bg-light) 0%, rgba(249,252,248,1) 50%, rgba(245,250,244,1) 100%);
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

.container{
  max-width:var(--container);
  margin:0 auto;
  padding-left:var(--spacing-lg);
  padding-right:var(--spacing-lg);
}

h1,h2,h3,h4,h5,h6{
  font-family:'Plus Jakarta Sans', 'Georgia', serif;
  font-weight:700;
  line-height:1.2;
  margin-bottom:var(--spacing-sm);
  color:var(--text);
}

h1{font-size:clamp(2rem, 5vw, 3.25rem)}
h2{font-size:clamp(1.75rem, 4vw, 2.5rem)}
h3{font-size:clamp(1.25rem, 3vw, 1.5rem)}

p{
  margin-bottom:var(--spacing-sm);
  color:var(--text-soft);
}

/* Alternating Section Backgrounds */
.section-white{
  background: var(--bg-light);
  padding:var(--spacing-xl) 0;
}
.section-gold{
  background: linear-gradient(135deg, var(--bg-gold) 0%, var(--bg-gold-light) 100%);
  padding:var(--spacing-xl) 0;
}