:root {
  --color-accent: #ff6f00;
  --color-accent-hover: #e66400;
  --color-accent-active: #cc5900;
  --color-accent-soft: #f7941d;
  --color-accent-border: #ff7910;
  --color-text-on-dark: #f9fbff;
  --color-text-muted-on-dark: rgba(249, 251, 255, 0.88);
  --color-bg-dark-1: #0b0e18;
  --color-bg-dark-2: #241235;
  --color-surface: #ffffff;
  --color-text: #333333;
  --color-link: #1964e6;
  --color-footer-muted: rgba(249, 251, 255, 0.78);
  --shadow-cta: 0 8.33px 25px rgba(153, 67, 0, 0.79);
  --shadow-card: 0 6.67px 20px rgba(0, 0, 0, 0.1);
  --shadow-review: 0 6.67px 20px rgba(115, 135, 164, 0.1);
  --radius-card: 20px;
  --radius-btn: 10px;
  --radius-faq: 5px;
  --font-display: "Manrope", system-ui, sans-serif;
  --font-ui: "Montserrat", system-ui, sans-serif;
  --font-body: "Open Sans", system-ui, sans-serif;

  --text-display-xl: clamp(2.8rem, 8vw, 6.4rem);
  --text-display-lg: clamp(2.2rem, 5vw, 4.06rem);
  --text-h1: clamp(1.75rem, 4vw, 4.06rem);
  --text-h2-section: clamp(2rem, 4.5vw, 3.38rem);
  --text-lead: clamp(1rem, 2vw, 1.375rem);
  --text-body: 1rem;
  --text-body-lg: 1.125rem;
  --text-small: 0.875rem;
  --text-legal: clamp(0.5rem, 1.2vw, 0.5625rem);

  --container: 1130px;
  --container-pad: 15px;
  --bp-md: 960px;
  --bp-sm: 720px;
}