/* https://culturedcode.com/things/ — Emblematic extractor 0.2.0, 2026-11-12T15:07:43.673Z */
:root {
  --color-background: #F2F5F7;
  --color-surface: #FFFFFF;
  --color-on-surface: #303336;
  --color-on-surface-variant: #44474B;
  --color-color-5: #55606E;
  --color-color-6: #000F2475;
  --color-color-7: #00071270;
  --color-color-8: #8E9196;
  --color-color-9: #4F91FB;
  --font-display: "SF Pro (system-ui)", -apple-system, "system-ui", Roboto, sans-serif;
  --text-display-lg: 36px;
  --text-display-lg--line-height: 1;
  --text-title-md: 20.25px;
  --text-title-md--line-height: 1.2;
  --text-body-md: 18px;
  --text-body-md--line-height: 1.35;
  --text-body-sm: 15.2px;
  --text-body-sm--line-height: 1.3;
  --text-label-md: 15.3px;
  --text-label-md--line-height: 1.2;
  --radius-xs: 5.5px;
  --radius-sm: 6.5px;
  --radius-md: 7.5px;
  --radius-lg: 13px;
  --radius-xl: 18px;
  --space-xxs: 2px;
  --space-xs: 2.5px;
  --space-sm: 3.5px;
  --space-md: 4px;
  --space-lg: 4.5px;
  --space-xl: 5px;
  --space-2xl: 6px;
  --space-3xl: 6.5px;
  --space-4xl: 9px;
  --space-5xl: 10px;
  --space-6xl: 13px;
  --space-7xl: 18px;
  --space-8xl: 23px;
  --space-9xl: 27px;
  --space-container: 900px;
  --shadow-1: rgba(0, 0, 0, 0.1) 0px 2px 8px 0px, rgba(0, 0, 0, 0.1) 0px 0px 2px 0px;
  --shadow-2: rgba(38, 52, 74, 0.15) 0px 1px 0px 0px;
  --shadow-3: rgba(0, 0, 0, 0.1) 0px 2px 10px 0px;
}