/* https://readwise.io/ — Emblematic extractor 0.2.0, 2026-11-12T15:08:12.841Z */
:root {
  --color-background: #FBF9F3;
  --color-on-surface: #333333;
  --color-on-surface-variant: #7B7A79;
  --color-outline: #DBD7CD;
  --color-primary: #1D9BF0;
  --color-color-6: #022F2E;
  --color-color-7: #FBF9F3CC;
  --color-border-subtle: #F5F1E8;
  --color-surface-inverse: #161616;
  --color-highlight-mark-soft: #F7DC1F66;
  --color-button-neutral: #E8E6E1;
  --font-display: "Source Serif 4", "Source Serif 4 Fallback", serif;
  --text-display-lg: 64px;
  --text-display-lg--line-height: 1.1;
  --text-headline-md: 54px;
  --text-title-md: 24px;
  --text-body-md: 22.98px;
  --text-body-md--line-height: 1.417;
  --text-body-sm: 13.14px;
  --text-body-sm--line-height: 1.158;
  --text-label-md: 16px;
  --text-label-md--line-height: 1.375;
  --radius-xs: 2px;
  --radius-sm: 11px;
  --radius-md: 16px;
  --radius-lg: 30.5px;
  --radius-full: 9999px;
  --space-xxs: 3px;
  --space-xs: 4px;
  --space-sm: 5.5px;
  --space-md: 6px;
  --space-lg: 7.5px;
  --space-xl: 8.5px;
  --space-2xl: 10px;
  --space-3xl: 11px;
  --space-4xl: 12px;
  --space-5xl: 13px;
  --space-6xl: 14.5px;
  --space-7xl: 15.5px;
  --space-8xl: 16px;
  --space-9xl: 16.5px;
  --space-container: 1200px;
  --shadow-1: rgba(0, 0, 0, 0.1) 0px 0.6px 0.6px 0px, rgba(255, 255, 255, 0.35) 1.5px 0px 1px 0px inset;
  --shadow-2: rgba(0, 0, 0, 0.1) 0px 2px 10px 0px inset;
  --shadow-3: rgba(42, 40, 34, 0.1) 0px 4px 4px 0px, rgba(42, 40, 34, 0.1) 0px 1.5px 1.5px 0px;
}