:root {
  --navy: #0A254A;
  --navy-deep: #071B35;
  --teal: #19755C;
  --green: #589634;
  --mist: #F3F7F5;
  --soft: #E8F0ED;
  --graphite: #1F2937;
  --white: #FFFFFF;

  --text: var(--graphite);
  --text-muted: #62707D;
  --line: rgba(10, 37, 74, 0.13);
  --line-strong: rgba(10, 37, 74, 0.22);
  --line-light: rgba(255, 255, 255, 0.16);

  --font-heading: "Manrope", Arial, sans-serif;
  --font-body: "Source Sans 3", Arial, sans-serif;

  --container: 1240px;
  --section-space: clamp(5.5rem, 8vw, 8rem);
  --radius-sm: 12px;
  --radius-md: 20px;
  --radius-lg: 30px;

  --shadow-soft: 0 24px 70px rgba(10, 37, 74, 0.10);
  --shadow-card: 0 16px 44px rgba(10, 37, 74, 0.08);
  --transition: 240ms ease;
}