:root {
  --color-blue-950: #06244a;
  --color-blue-900: #08346d;
  --color-blue-700: #0b63ce;
  --color-blue-600: #1674e7;
  --color-cyan-100: #dff8ff;
  --color-green-500: #20a66b;
  --color-whatsapp: #25d366;
  --color-ink: #162033;
  --color-muted: #5c6b80;
  --color-line: #dce6f2;
  --color-surface: #ffffff;
  --color-soft: #f5f9fe;
  --color-footer: #041a36;
  --color-header-glass: rgba(255, 255, 255, 0.96);
  --color-hero-overlay-strong: rgba(6, 36, 74, 0.92);
  --color-hero-overlay-mid: rgba(8, 52, 109, 0.76);
  --color-hero-overlay-light: rgba(8, 52, 109, 0.3);
  --color-hero-mobile-light: rgba(8, 52, 109, 0.62);
  --color-hero-bottom: rgba(6, 36, 74, 0.6);
  --color-hero-top: rgba(6, 36, 74, 0.15);
  --color-white-soft: rgba(255, 255, 255, 0.9);
  --color-white-muted: rgba(255, 255, 255, 0.78);
  --color-white-subtle: rgba(255, 255, 255, 0.66);
  --color-white-border: rgba(255, 255, 255, 0.18);
  --color-white-panel: rgba(255, 255, 255, 0.09);
  --color-white-button: rgba(255, 255, 255, 0.12);
  --color-white-button-border: rgba(255, 255, 255, 0.62);

  --font-family-base: "Inter", Arial, Helvetica, sans-serif;

  --size-line: 0.0625rem;
  --size-header: 4.875rem;
  --size-header-compact: 4.375rem;
  --size-logo: 3.25rem;
  --size-logo-mobile: 2.875rem;
  --size-menu-button: 2.75rem;
  --size-button-min: 3rem;
  --size-icon: 2.75rem;
  --size-icon-short: 2.125rem;
  --size-step-icon: 2.75rem;
  --size-wa-icon: 1.75rem;
  --size-footer-logo: 3.5rem;

  --radius-sm: 0.5rem;
  --radius-none: 0;

  --space-3xs: 0.1875rem;
  --space-2xs: 0.25rem;
  --space-xs: 0.375rem;
  --space-sm: 0.5rem;
  --space-md: 0.75rem;
  --space-lg: 0.875rem;
  --space-xl: 1rem;
  --space-2xl: 1.125rem;
  --space-3xl: 1.25rem;
  --space-4xl: 1.375rem;
  --space-5xl: 1.5rem;
  --space-6xl: 1.625rem;
  --space-7xl: 1.75rem;
  --space-8xl: 1.875rem;
  --space-9xl: 2.125rem;
  --space-10xl: 2.375rem;
  --space-11xl: 4rem;
  --space-fluid-page: clamp(1.25rem, 5vw, 3.5rem);
  --space-fluid-section: clamp(4.5rem, 9vw, 7rem);
  --space-fluid-gap-sm: clamp(1.75rem, 5vw, 4rem);
  --space-fluid-gap-md: clamp(1.75rem, 6vw, 4.875rem);
  --space-fluid-gap-lg: clamp(1.875rem, 6vw, 4.75rem);

  --container-max: 70rem;
  --container-gutter: 2.5rem;
  --container-gutter-mobile: 1.75rem;
  --content-max: 48.75rem;
  --copy-max: 40.625rem;
  --heading-max: 45rem;

  --font-kicker: 0.78rem;
  --font-nav: 0.95rem;
  --font-card: 0.96rem;
  --font-body-lg: 1.04rem;
  --font-intro: 1.06rem;
  --font-brand: 1.08rem;
  --font-card-title: 1.18rem;
  --font-hero-copy: clamp(1.03rem, 1.8vw, 1.22rem);
  --font-hero-title: clamp(2.55rem, 6vw, 5.2rem);
  --font-section-title: clamp(2rem, 4vw, 3.2rem);

  --shadow-soft: 0 1.25rem 3.75rem rgba(7, 36, 76, 0.14);
  --shadow-header: 0 0.625rem 2.1875rem rgba(7, 36, 76, 0.1);
  --shadow-logo: 0 0.75rem 1.75rem rgba(4, 24, 52, 0.18);
  --shadow-logo-soft: 0 0.5rem 1.375rem rgba(7, 36, 76, 0.12);
  --shadow-card: 0 0.5rem 1.75rem rgba(7, 36, 76, 0.06);
  --shadow-button: 0 1rem 2rem rgba(22, 116, 231, 0.25);

  --break-tablet: 61.25rem;
  --break-mobile: 47.5rem;
  --break-small: 26.25rem;
}