:root {
  --navy: #001d3d;
  --navy-dark: #000814;
  --teal: #00b4d8;
  --teal-dark: #0096c7;
  --orange: #ff4d00;
  --orange-hover: #e64500;
  --gray-100: #f8f9fa;
  --gray-200: #e9ecef;
  --gray-600: #6c757d;
  --gray-800: #343a40;
  --white: #ffffff;
  --cream: #f5f3ef;

  --color-bg: var(--white);
  --color-text: var(--gray-800);
  --color-accent: var(--teal);
  --color-button: var(--navy);
  --font-display: "Poppins", "Segoe UI", sans-serif;
  --font-body: "Roboto", "Segoe UI", sans-serif;

  --shadow-card: 0 10px 40px rgba(0, 29, 61, 0.08);
  --radius: 4px;
  --container: 1170px;
}