/* https://coolors.co/ — Emblematic extractor 0.2.0, 2026-11-12T15:28:14.340Z */
:root {
  --color-background: #FFFFFF;
  --color-surface: #F5F5F5;
  --color-on-surface: #0A0A0A;
  --color-on-surface-variant: #525252;
  --color-primary: #2563EB;
  --color-yellow-100: #FEF9C3;
  --color-green-100: #DCFCE7;
  --color-cyan-100: #CFFAFE;
  --color-blue-100: #DBEAFE;
  --color-purple-100: #F3E8FF;
  --color-red-100: #FEE2E2;
  --color-orange-100: #FFEDD5;
  --color-cyan-600: #0891B2;
  --color-pink-600: #DB2777;
  --color-red-600: #DC2626;
  --color-yellow-600: #CA8A04;
  --color-on-primary: #FFFFFF;
  --font-display: "Inter", sans-serif;
  --text-display-lg: 57.6px;
  --text-display-lg--line-height: 1;
  --text-body-md: 20px;
  --text-body-md--line-height: 1.3;
  --text-body-sm: 16px;
  --text-body-sm--line-height: 1.2;
  --radius-sm: 8px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --space-xxs: 4px;
  --space-xs: 5px;
  --space-sm: 10px;
  --space-md: 12px;
  --space-lg: 14.5px;
  --space-xl: 20px;
  --space-2xl: 25px;
  --space-3xl: 30px;
  --space-4xl: 40px;
  --space-5xl: 50px;
  --space-6xl: 60px;
  --space-7xl: 70px;
  --space-container: 1320px;
  --shadow-1: rgba(0, 0, 0, 0.07) 0px 1px 0px 0px;
  --shadow-2: rgba(0, 0, 0, 0.05) 10px -10px 20px 0px;
  --shadow-3: rgba(0, 0, 0, 0.07) 0px -1px 0px 0px;
}