/* https://stackblitz.com/ — Emblematic extractor 0.2.0, 2026-11-12T15:22:20.673Z */
:root {
  --color-background: #1C1F25;
  --color-on-surface: #FFFFFF;
  --color-on-surface-variant: #FFFFFFCC;
  --color-surface: #151619F5;
  --color-primary: #1574EF;
  --color-outline: #FFFFFF1F;
  --color-public-bg-dark-accent: #00000052;
  --color-color-10: #0F1115;
  --color-public-light-text-00: #000000;
  --color-public-blue-text-10: #69F5FF;
  --color-color-13: #A1A5B0;
  --color-public-blue-text-50: #00A8DB;
  --color-color-15: #313D5E3D;
  --color-on-primary: #FFFFFF;
  --font-display: "Manrope", sans-serif;
  --font-body: "Inter", sans-serif;
  --font-mono: "PT Mono", monospace;
  --text-display-lg: 94px;
  --text-display-lg--line-height: 1;
  --text-title-md: 40px;
  --text-title-md--line-height: 1.2;
  --text-body-md: 16px;
  --text-body-md--line-height: 2;
  --text-body-sm: 13px;
  --text-body-sm--line-height: 1.8;
  --text-label-md: 13px;
  --text-label-md--line-height: 1.385;
  --text-mono-md: 94px;
  --text-mono-md--line-height: 1;
  --radius-xs: 6px;
  --radius-sm: 8px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-xl: 20px;
  --radius-full: 9999px;
  --space-xxs: 2px;
  --space-xs: 8px;
  --space-sm: 16px;
  --space-md: 18px;
  --space-lg: 20px;
  --space-xl: 24px;
  --space-2xl: 26px;
  --space-3xl: 28px;
  --space-4xl: 32px;
  --space-5xl: 36px;
  --space-6xl: 52px;
  --space-7xl: 64px;
  --space-8xl: 72px;
  --space-9xl: 80px;
  --space-base: 4px;
  --space-container: 1336px;
  --shadow-1: rgb(16, 23, 30) 0px -1px 0px 0px inset, rgba(0, 0, 0, 0.32) 0px 4px 8px 0px;
  --shadow-2: rgba(255, 255, 255, 0.1) 0px 1px 0px 0px;
  --shadow-3: rgba(255, 255, 255, 0.1) 0px -1px 0px 0px;
}

@media (prefers-color-scheme: dark) {
  :root {
    --color-public-pink-bg: #470F4A4D;
    --color-public-blue-bg: #084D6633;
  }
}