/* https://www.protopie.io/ — Emblematic extractor 0.2.0, 2026-11-12T15:26:58.353Z */
:root {
  --color-background: #FFFFFF;
  --color-surface: #FFFFFF33;
  --color-on-surface-variant: #181818;
  --color-on-surface: #000000;
  --color-primary: #8169FF;
  --color-color-6: #C9BFFF66;
  --color-color-7: #FFFFFF8F;
  --color-color-8: #81DBDB40;
  --color-color-9: #FFB2A740;
  --color-color-10: #C9BFFF40;
  --color-color-11: #E3DEFFB3;
  --color-color-12: #FFB2A7CC;
  --color-token-419afc33-976c-4d3c-b59b-b746b8b61010: #F5F5F5;
  --color-color-14: #00000033;
  --color-color-15: #7A64FF59;
  --color-token-d45a2bbd-17c0-40d8-acd5-03cd4809d8c5: #474747;
  --color-on-primary: #0000EE;
  --font-display: "Figtree", "Figtree Placeholder", sans-serif;
  --font-body: "Inter", "Inter Placeholder", sans-serif;
  --text-display-lg: 62px;
  --text-display-lg--line-height: 1.29;
  --text-headline-md: 48px;
  --text-headline-md--line-height: 1.3;
  --text-body-md: 16px;
  --text-body-md--line-height: 1.5;
  --text-body-sm: 11px;
  --text-body-sm--line-height: 1.2;
  --text-label-md: 14px;
  --text-label-md--line-height: 1.4;
  --radius-sm: 4px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-full: 9999px;
  --space-xxs: 4px;
  --space-xs: 6px;
  --space-sm: 8px;
  --space-md: 10px;
  --space-lg: 12px;
  --space-xl: 14px;
  --space-2xl: 16px;
  --space-3xl: 20px;
  --space-4xl: 22px;
  --space-5xl: 24px;
  --space-6xl: 30px;
  --space-7xl: 32px;
  --space-8xl: 40px;
  --space-9xl: 48px;
  --space-base: 4px;
  --space-container: 900px;
  --shadow-1: rgba(0, 0, 0, 0.02) 0px 0px 6px 6px;
  --shadow-2: rgba(0, 0, 0, 0.08) 0px 3px 12px 0px, rgba(0, 0, 0, 0.2) 0px 0px 2px 0px;
  --shadow-3: rgba(0, 0, 0, 0.04) 0px 4px 4px 0px;
}