Typotheque

:root {
  --color-dominant: #fb6304;
  --color-surface: #069dad;
  --color-ink: #fbbcca;
  --color-accent: #9e5dad;
  --color-detail: #c080c6;
}

/* CSS variables exposed by source */
:root {
  --font-overview-width: 250px;
  --color-greyscale-20: #e8e8e8;
  --text-h2: 40px;
  --spacing-large: 30px;
  --text-normal: 16px;
  --spacing-medium: 20px;
  --color-system-purple: #66f;
  --color-colors-red: #ff4d00;
  --color-system-error: #f04;
  --spacing: 10px;
  --spacing-buy-card: 15px;
  --spacing-huge: 120px;
  --color-greyscale-10: #f8f8f8;
  --color-colors-bright-red: #fe0044;
  --color-system-blue-light: #f8ffff;
  --color-greyscale-50: #999;
  --color-system-brown-light: #fbf9f7;
  --color-system-blue: #00b6de;
  --color-system-orange: #f60;
  --color-colors-brown: #bea074;
  --color-system-error-light: #ff004440;
  --text-width-condensed: 83%;
  --radius-round: 9999px;
  --color-system-brown: #a86;
  --color-colors-pink: #ffbacf;
  --color-colors-light-blue: #b5edff;
  --color-backdrop: #0000001a;
  --spacing-x-large: 60px;
  --text-medium: 13px;
  --color-greyscale-100: #000;
  --radius: 24px;
  --color-greyscale-95: #1c1c1c;
  --text-small: 11px;
  --text-large: 20px;
  --spacing-buy-steps: 40px;
  --color-greyscale-90: #282828;
  --text-color: #282828;
  --color-system-success-light: #d4f6e5;
  --color-colors-dark-blue: #00b6de;
  --text-weight-light: 300;
  --text-huge: 36px;
  --text-h1: 60px;
  --color-system-success: #5d9;
  --color-colors-light-green: #d3f6e5;
  --text-h3: 20px;
  --color-greyscale-0: #fff;
  --header-height: 80px;
  --prose-content-width: 35rem;
  --default-font: 'november', 'november Fallback', 'novemberThai', 'novemberThai Fallback', sans-serif;
  --icon-normal: 15px;
  --modal-width-medium: min(450px, 90vw);
  --story-card-width: 320px;
  --z-lightbox: 5;
  --author-card-content-width: 305px;
  --november-font: 'november', 'november Fallback', 'novemberThai', 'novemberThai Fallback', sans-serif;
  --max-content-width: 1280px;
  --tile-gap: 4px;
  --z-drag-modal: 1000;
  --input-height: 60px;
  --product-display-height: 50px;
}