:root {
  /* Colors - Primary */
  --deep-navy: #163F56;
  --dark-blue: #19485F;
  --navy-black: #102F42;

  /* Colors - Secondary */
  --teal: #3F7D7A;
  --muted-teal: #4F8D8A;

  /* Colors - Accent */
  --cream: #FDF8E8;
  --warm-cream: #FFF4D8;
  --soft-white: #FFFFFF;
  --coral-red: #F26158;
  --gold: #F6C84C;

  /* Text */
  --text-primary: #163F56;
  --text-secondary: #3F7D7A;
  --text-inverse: #FFFFFF;
  --text-muted: #6A7E86;
  --text-subtle: #9AA7AA;

  /* Borders */
  --border-light: #D8E1DD;
  --border-dark: #315B6B;

  /* Shadows */
  --shadow-soft: 0 8px 24px rgba(18, 48, 64, 0.14);
  --shadow-medium: 0 12px 32px rgba(18, 48, 64, 0.24);
  --shadow-card: 0 6px 18px rgba(10, 40, 56, 0.18);
  --shadow-lift: 0 18px 36px rgba(18, 48, 64, 0.26);

  /* Border Radius */
  --radius-sm: 10px;
  --radius-md: 18px;
  --radius-lg: 28px;
  --radius-xl: 42px;
  --radius-full: 999px;

  /* Spacing */
  --section-gap: 80px;
  --content-gap: 48px;
  --card-gap: 22px;
  --container-max: 1200px;
  --container-pad: 64px;

  /* Typography */
  --font-display: "Segoe UI", system-ui, -apple-system, sans-serif;
  --font-body: system-ui, -apple-system, "Segoe UI", sans-serif;

  /* Transitions */
  --transition-fast: 180ms ease;
  --transition-base: 280ms ease;
  --transition-slow: 480ms ease;
}