:root {
  --accent-blue: #2B5D8C;
  --accent-olive: #6B7F5E;
  --accent-terracotta: #ce5a39;
  --accent-terracotta-hover: #B5623F;
  --accent-terracotta-light: #f77d5c;

  --bg-cream: #F5F0E6;
  --bg-navy: #0e3a69;
  --bg-navy-deep: #042c57;
  --bg-sand: #EDE7D9;
  --bg-warm-overlay: #1B3A5C99;
  --bg-white: #FFFFFF;

  --border-light: #DCD8CB;
  --border-sand: #C8C0B0;

  --text-dark: #2D2926;
  --text-light: #F5F0E6;
  --text-muted: #9EAAB8;
  --text-secondary: #5E5954;
  --text-white: #FFFFFF;

  --font-heading: "Playfair Display", "Noto Serif", Georgia, serif;
  --font-body: "Inter", "Noto Sans", system-ui, -apple-system, sans-serif;

  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;

  --space-xs: 8px;
  --space-sm: 12px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 32px;
  --space-2xl: 48px;
  --space-3xl: 64px;

  --container-max: 1280px;
  --container-pad-mobile: 20px;
  --container-pad-desktop: 80px;

  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);

  --shadow-sm: 0 1px 2px rgba(14, 58, 105, 0.08);
  --shadow-md: 0 4px 16px rgba(14, 58, 105, 0.10);
  --shadow-lg: 0 18px 48px rgba(14, 58, 105, 0.18);
}