:root {
  /* 🎨 Government-Standard Brand Colors */
  --color-deep-blue: #1e40af;         /* Deep Government Blue (Trust & Authority) */
  --color-soft-saffron: #f59e0b;      /* Soft Saffron/Orange (Accent) */
  --color-off-white: #fafafa;         /* Off-White Base */
  --color-light-gray: #f3f4f6;        /* Light Gray */
  --color-soft-blue: #eff6ff;        /* Soft Blue */
  --color-pure-white: #ffffff;       /* Pure White for Cards */
  --color-dark-neutral: #1f2937;     /* Dark Neutral for Footer/Header */

  /* 🖤 Base Background & Text Colors */
  --color-charcoal-black: #1C1C1C;    /* Dark background */
  --color-white: #FFFFFF;             /* Pure White */
  --color-muted-grey: #B0B0B0;        /* Soft Silver */
  --color-light-beige: #F5F1E6;       /* Warm Sand */

  /* 🔤 Typography (Font Families) */
  --font-heading-serif: 'Playfair Display', serif;
  --font-heading-sans: 'Poppins', sans-serif;
  --font-body: 'Inter', sans-serif; /* or 'Lato', sans-serif */
  --font-mono: 'DM Mono', monospace;

  /* ✨ UI Enhancements */
  --border-radius-large: 25px;
  --transition-fast: 0.3s ease-in-out;
  --transition-smooth: 0.5s ease;

  /* Optional Effects */
  --gold-glow: 0 0 10px rgba(212, 175, 55, 0.6);
  --shadow-soft: 0 4px 20px rgba(0, 0, 0, 0.1);
}
body {
  background-color: var(--color-off-white);
  color: var(--color-dark-neutral);
  font-family: var(--font-body);
  overflow-x: hidden;
}
section{
  height: auto;
  width: auto;
  overflow-x: hidden;
}
h1, h2, h3 {
  color: var(--color-deep-blue);
  font-family: var(--font-heading-serif);
}

button.cta {
  background-color: var(--color-deep-blue);
  color: var(--color-pure-white);
  border-radius: var(--border-radius-large);
  transition: var(--transition-fast);
}