:root {
  --primary: #1E76AC;
  --primary-dark: #123F6E;
  --primary-light: #6FB8DE;
  --accent: #45BFA0;
  --accent-dark: #2C9A80;

  --bg: #FFFFFF;
  --text: #1D2733;
  --text-light: #57677A;
  --text-lighter: #8B98A8;
  --border-light: rgba(18, 63, 110, 0.10);
  --bg-light: #F1F6FA;
  --bg-elevated: #FFFFFF;
  --glass: rgba(255,255,255,0.95);
  --glass-border: rgba(18, 63, 110, 0.08);

  /* Dark surfaces (footer) */
  --footer-bg: #0E2233;
  --footer-text: rgba(255, 255, 255, 0.66);
  --footer-heading: #FFFFFF;
  --footer-muted: rgba(255, 255, 255, 0.42);
  --footer-border: rgba(255, 255, 255, 0.12);

  /* Accent colors for interactive elements (aliased to the palette above) */
  --accent-blue: var(--primary);
  --accent-green: var(--accent);
  --accent-orange: var(--accent-dark);

  /* Spacing */
  --spacing-xs: 0.25rem;
  --spacing-sm: 0.5rem;
  --spacing-md: 0.875rem;
  --spacing-lg: 1.25rem;
  --spacing-xl: 1.75rem;
  --spacing-2xl: 2.25rem;
  --spacing-3xl: 2.75rem;
  --spacing-4xl: 3rem;

  /* Border radius */
  --radius-sm: 0.375rem;
  --radius-md: 0.5rem;
  --radius-lg: 1rem;
  --radius-xl: 1.5rem;
  --radius-3xl: 1.875rem;
  --radius-full: 9999px;

  /* Font */
  --font-heading: 'Fraunces', 'Georgia', serif;
  --font-base: 'Outfit', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Helvetica', 'Arial', sans-serif;
  --font-mono: 'SF Mono', Monaco, 'Cascadia Code', 'Roboto Mono', Consolas, monospace;

  /* Line height */
  --line-height-tight: 1.1;
  --line-height-base: 1.6;
  --line-height-relaxed: 1.75;

  /* Shadow */
  --shadow-sm: 0 2px 4px rgba(15,45,70,0.08);
  --shadow-md: 0 4px 12px rgba(15,45,70,0.12);
  --shadow-lg: 0 10px 40px rgba(15,45,70,0.14);
  --shadow-xl: 0 20px 60px rgba(15,45,70,0.18);
}