:root {
  --color-purple: #973DDA;
  --color-white: #FFFFFF;
  --color-text-black: #22192B;
  --color-logo-black: #231F20;
  --color-pure-black: #000000;
  --color-dark-maroon: #45202C;
  --color-coral: #F17053;
  --color-coral-logo: #FE6E4E;
  --color-gold: #CFC17F;
  --color-wine-red: #642D3F;
  --color-soft-gold: #DDD6B4;
  --color-lavender: #DBACFF;
  --color-deep-plum: #402058;
  --color-off-white: #F8F8F8;
  --color-light-grey: #E7ECE4;
  --color-medium-grey: #BCCCC1;
  --bg-field-from: #973DDA;
  --bg-field-to: #402058;
  --bg-surface: #F8F8F8;
  --text-on-dark: #FFFFFF;
  --text-on-light: #22192B;
  --accent-cta: #F17053;
  --accent-rule: #F17053;
  --block-fill-1: #973DDA;
  --block-fill-2: #CFC17F;
  --block-fill-3: #45202C;
  --block-fill-4: #642D3F;
  --warmth-gold: #CFC17F;
  --warmth-lavender: #DBACFF;
  --font-display: "Funnel Display";
  --font-body: "Funnel Sans";
  --font-label: "Barlow Semi-Condensed";
  --space-base: 4px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 96px;
  --radius-block-cut: 45deg;
  --radius-pill: 999px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --grid-columns: 12;
  --grid-gutter: 24px;
  --bp-sm: 480px;
  --bp-md: 768px;
  --bp-lg: 1024px;
  --bp-xl: 1440px;
  --duration-fast: 180ms;
  --duration-base: 320ms;
  --duration-slow: 640ms;
  --ease-standard: cubic-bezier(0.4,0,0.2,1);
  --ease-decelerate: cubic-bezier(0,0,0.2,1);
  --ease-assemble: cubic-bezier(0.2,0.8,0.2,1);
  --icon-stroke: 1.5px;
  --icon-size-sm: 16px;
  --icon-size-md: 24px;
  --icon-size-lg: 32px;
  --codeblock-cut-angle: 45;
  --codeblock-cut-ratio: 0.28;
  --codeblock-facet-offset: 0.06;
  --codeblock-facet-darken: 0.18;
}