:root {
  color-scheme: light;

  --c-navy: #0b2341;
  --c-dark: #102944;
  --c-teal: #11afc6;
  --c-aqua: #37c9df;
  --c-white: #ffffff;
  --c-mist: #f4f8fb;
  --c-cyan-tint: #ddf7fb;
  --c-steel: #a9b7c4;
  --c-slate: #66788a;
  --c-border: #d8e4ec;
  --c-focus: #087c91;

  --font-body: "Manrope", Arial, sans-serif;
  --font-display: "Manrope", Arial, sans-serif;

  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-base: 1rem;
  --text-lg: clamp(1.0625rem, 1.5vw, 1.25rem);
  --text-h3: clamp(1.25rem, 2vw, 1.75rem);
  --text-h2: clamp(2rem, 4vw, 3.5rem);
  --text-h1: clamp(2.65rem, 5.4vw, 5.35rem);

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;
  --space-9: 5rem;
  --space-10: 6rem;
  --space-11: 8rem;

  --container: 82.5rem;
  --page-padding: clamp(1.25rem, 5vw, 4.5rem);
  --section-space: clamp(4.5rem, 9vw, 8rem);

  --radius-sm: 0.75rem;
  --radius-md: 1.125rem;
  --radius-lg: 1.375rem;
  --radius-pill: 999px;

  --shadow-soft: 0 0.75rem 2.125rem rgba(11, 35, 65, 0.08);
  --shadow-card: 0 0.5rem 1.5rem rgba(11, 35, 65, 0.07);
  --shadow-glow: 0 0.625rem 1.875rem rgba(17, 175, 198, 0.18);
  --gradient-primary: linear-gradient(135deg, #11afc6 0%, #37c9df 100%);

  --ease-standard: cubic-bezier(0.2, 0.7, 0.2, 1);
  --duration-fast: 180ms;
  --duration-base: 280ms;
}