:root {
  --font-sans: "Montserrat", system-ui, sans-serif;
  --font-script: "Licorice", cursive;

  --c-bg-top: #810875;
  --c-bg-bottom: #1f0606;
  --c-text: #fff;
  --c-text-muted: rgb(255 255 255 / 0.67);
  --c-text-soft: rgb(255 255 255 / 0.88);
  --c-accent: #ffb547;
  --c-on-accent: #2a0226;
  --bg: linear-gradient(258.85deg, var(--c-bg-top) 0.7%, var(--c-bg-bottom) 102%);

  --fs-hero: clamp(2.75rem, 8vw, 6rem);
  --fs-role: clamp(1.25rem, 3.2vw, 2.5rem);
  --fs-lead: clamp(1.125rem, 2vw, 1.5rem);
  --fs-h2: clamp(1.75rem, 3.5vw, 3rem);
  --fs-body: clamp(1.0625rem, 1.75vw, 1.5rem);
  --fs-nav: 1.125rem;

  --radius-s: 10px;
  --radius-m: 16px;
  --container: 75rem;
  --gutter: 1.25rem;
  --shadow-card: 0 7px 16px rgb(0 0 0 / 0.1), 0 29px 29px rgb(0 0 0 / 0.09),
    0 65px 39px rgb(0 0 0 / 0.05);
}