/* https://www.are.na/ — Emblematic extractor 0.2.0, 2026-11-12T15:08:38.983Z */
:root {
  --color-background: #FFFFFF;
  --color-primary: #00075F;
  --color-on-surface: #333333;
  --color-on-surface-variant: #696969;
  --color-outline: #EDEDED;
  --color-gray7: #000000;
  --color-gray1: #F7F7F7;
  --color-backgroundlight: #F7F7F799;
  --color-on-primary: #FFFFFF;
  --font-display: "Areal", "areal Fallback", Arial, Helvetica, sans-serif, Arial, Helvetica, sans-serif;
  --text-display-lg: 19.2px;
  --text-display-lg--line-height: 1.45;
  --text-headline-md: 19.2px;
  --text-headline-md--line-height: 1.45;
  --text-body-md: 19.2px;
  --text-body-md--line-height: 1.45;
  --text-body-sm: 14.4px;
  --text-body-sm--line-height: 1.45;
  --text-label-md: 12.5px;
  --text-label-md--line-height: 1.35;
  --radius-md: 3px;
  --radius-full: 9999px;
  --space-xxs: 2.5px;
  --space-xs: 5px;
  --space-sm: 7.5px;
  --space-md: 10px;
  --space-lg: 15px;
  --space-xl: 20px;
  --space-2xl: 25px;
  --space-3xl: 35px;
  --space-4xl: 65px;
  --space-base: 5px;
  --space-container: 648px;
  --shadow-1: color(srgb 0 0 0 / 0.05) 0px 0px 34px 0px;
}

@media (prefers-color-scheme: dark) {
  :root {
    --color-background: #000000;
    --color-on-surface: #E5E5E5;
    --color-on-surface-variant: #B2B2B2;
    --color-primary: #E5E5E5;
    --color-outline: #333333;
  }
}