:root {
  --color-brand: #ff005e;
  --color-brand-strong: #d80050;
  --color-brand-deep: #b80043;
  --color-brand-deeper: #a9003e;
  --color-brand-soft: #ff5c93;
  --color-canvas: #11010a;
  --color-surface: #f7f7f4;
  --color-surface-raised: #ffffff;
  --color-ink: #171313;
  --color-ink-muted: #595354;
  --color-ink-subtle: #726b6c;
  --color-text: #ffffff;
  --color-text-muted: rgb(255 255 255 / 76%);
  --color-text-subtle: rgb(255 255 255 / 60%);
  --color-signal: #c8ff36;
  --color-line: #d9d6d2;
  --color-line-dark: rgb(255 255 255 / 16%);
  --color-status-brand-bg: #ffe1ec;
  --color-status-brand-ink: #9a0038;
  --color-status-positive-bg: #e7f5bf;
  --color-status-positive-ink: #344900;
  --color-status-neutral-bg: #eeeeeb;
  --color-status-neutral-ink: #676162;

  --font-body: "Manrope", Arial, sans-serif;
  --font-display: "Michroma", Arial, sans-serif;
  --text-caption: 0.75rem;
  --text-label: 0.8125rem;
  --text-body: 1rem;
  --text-lead: 1.125rem;
  --text-subhead: clamp(1.5rem, 2vw, 2rem);
  --text-heading: clamp(2rem, 4vw, 3.25rem);
  --text-display: clamp(2.5rem, 6.4vw, 5.75rem);
  --leading-tight: 1.08;
  --leading-heading: 1.16;
  --leading-body: 1.65;
  --measure-body: 68ch;

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-20: 5rem;
  --space-24: 6rem;

  --radius-control: 0.25rem;
  --radius-panel: 0.75rem;
  --radius-scene: 3rem;
  --radius-pill: 999px;

  --duration-instant: 120ms;
  --duration-fast: 180ms;
  --duration-base: 260ms;
  --duration-slow: 520ms;
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-standard: cubic-bezier(0.65, 0, 0.35, 1);

  --z-sticky: 20;
  --z-scene-base: 10;
  --z-scene-manifesto: 40;
  --z-scene-commerce: 60;
  --z-navigation: 80;
  --z-progress: 90;
  --z-consent: 120;
  --z-loader: 200;
}