Fontwerk

:root {
  --color-dominant: #f66904;
  --color-surface: #863a06;
  --color-ink: #fcb27c;
  --color-accent: #848484;
  --color-detail: #bbbbbb;
}

/* CSS variables exposed by source */
:root {
  --spacing-10x-neg: -40px;
  --spacing-base: 20px;
  --spacing-5x: 20px;
  --spacing-30x: 100px;
  --spacing-20x: 80px;
  --spacing-10x: 40px;
  --spacing-5x-neg: -20px;
  --spacing-40x: 120px;
  --spacing-half: 10px;
  --spacing-15x: 60px;
  --theme-showing: #000000;
  --mobile-cart-height: 30vh;
  --f-spinner-stroke: 2.75;
  --header-height: 60px;
  --desktop-bar-height-neg: -60px;
  --theme-highlight: #FF6B00;
  --f-button-svg-disabled-opacity: 0.65;
  --f-spinner-color-2: rgba(17, 24, 28, 0.8);
  --f-button-svg-width: 20px;
  --neutral-800: #393D41;
  --f-button-border-radius: 0;
  --white: #FFFFFF;
  --neutral-1000: #000000;
  --family-preview-weight-size: 32px;
  --header-height-neg: -60px;
  --family-preview-font-size: 200px;
  --f-button-bg: #f8f8f8;
  --f-button-height: 40px;
  --ui-warning: #FFD80D;
  --theme-fg-secondary: #52575C;
  --theme-switch-outline: #D2D2CA;
  --stone-500: #80807A;
  --f-spinner-color-1: rgba(0, 0, 0, 0.1);
  --f-button-svg-stroke-width: 1.5;
  --neutral-600: #52575C;
  --neutral-000: #FFFFFF;
  --theme-pattern: #FFFFFF;
  --page-margin: 40px;
  --ui-error: #C0000D;
  --theme-bg: #FFFFFF;
  --theme-bg-alt: #FFFFFF;
  --preview-max-weight: 1000;
  --theme-fg-alt: #000000;
  --swiper-theme-color: #fff;
  --grid-column-count: 12;
  --industrial-200: #FFE1CC;
  --grid-column-gap: 20px;
  --theme-background-overlay: rgba(57, 61, 65, 0.7);
  --theme-stroke: #FFFFFF;
  --f-button-svg-filter: none;
  --ui-positive: #029B00;
  --desktop-bar-height: 60px;
  --hero-height: 100vh;
  --industrial-900: #FF6B00;
  --stone-350: #A6A69F;
  --f-spinner-height: 36px;
  --f-button-svg-height: 20px;
  --industrial-1000: #D95B00;
  --trans-neutral-1000: rgba(0, 0, 0, 0.7);
  --trans-stone-500: rgba(128, 128, 122, 0.7);
}