/* https://screen.studio/ — Emblematic extractor 0.2.0, 2026-11-12T15:12:04.450Z */
:root {
  --color-background: #111112;
  --color-on-surface: #F5F5F7;
  --color-on-surface-variant: #86868B;
  --color-surface: #1D1D1F;
  --color-primary: #4D2FF5;
  --color-color-6: #000000;
  --color-color-7: #F5F5F7E0;
  --color-color-8: #9D8BFF;
  --color-color-9: #333336D1;
  --color-color-10: #FFFFFFE6;
  --color-color-11: #FFFFFF0D;
  --color-color-12: #00000090;
  --color-color-13: #00000069;
  --color-color-14: #00000045;
  --color-color-15: #00000028;
  --color-color-16: #00000012;
  --color-on-primary: #F5F5F7;
  --font-display: "SF Pro (system-ui)", -apple-system, "SF Pro Display", "SF Pro", Inter, "Inter Fallback", sans-serif;
  --text-display-lg: 72px;
  --text-display-lg--line-height: 1.056;
  --text-headline-md: 56px;
  --text-headline-md--line-height: 1.071;
  --text-title-md: 17px;
  --text-title-md--line-height: 1.235;
  --text-body-md: 17px;
  --text-body-md--line-height: 1.471;
  --text-body-sm: 14px;
  --text-body-sm--line-height: 1.429;
  --radius-xs: 9.5px;
  --radius-sm: 22.5px;
  --radius-md: 32px;
  --radius-lg: 45px;
  --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: 18px;
  --space-4xl: 20px;
  --space-5xl: 22px;
  --space-6xl: 24px;
  --space-7xl: 32px;
  --space-8xl: 40px;
  --space-9xl: 48px;
  --space-container: 1260px;
  --shadow-1: rgba(0, 0, 0, 0.45) 0px 30px 90px 0px;
  --shadow-2: rgba(77, 47, 245, 0.22) 0px 10px 30px 0px;
  --shadow-3: rgba(0, 0, 0, 0.5) 0px 30px 80px 0px;
}