:root {
  --primary-blue: #0057E7;
  --accent-blue: #087CFA;
  --deep-blue: #003B73;
  --footer-navy: #062F55;
  --heading-color: #063B68;
  --secondary-text: #526B7C;
  --light-blue-bg: #EAF5FF;
  --section-bg: #F5FAFF;
  --blue-border: #C9E3FA;
  --white: #FFFFFF;
  --whatsapp-green: #0AAF54;

  /* Backward-compatible aliases used by the existing V2 components. */
  --blue-primary: var(--primary-blue);
  --blue-dark: var(--deep-blue);
  --blue-bright: var(--accent-blue);
  --blue-light: var(--light-blue-bg);
  --background: var(--section-bg);
  --text-primary: var(--heading-color);
  --text-secondary: var(--secondary-text);
  --border: var(--blue-border);
  --font-sans: Arial, Helvetica, sans-serif;
  --content-width: 1200px;
  --page-gutter: clamp(1rem, 4vw, 4rem);
  --radius-sm: .375rem;
  --radius-md: .75rem;
  --radius-lg: 1rem;
  --shadow-subtle: 0 .5rem 1.5rem rgb(0 59 115 / 8%);
}
