@font-face { font-family: "Fraunces"; src: url("/assets/fonts/fraunces-latin-wght-normal.woff2") format("woff2"); font-style: normal; font-weight: 100 900; font-display: swap; }
@font-face { font-family: "Fraunces"; src: url("/assets/fonts/fraunces-latin-wght-italic.woff2") format("woff2"); font-style: italic; font-weight: 100 900; font-display: swap; }
@font-face { font-family: "Archivo"; src: url("/assets/fonts/archivo-latin-400-normal.woff2") format("woff2"); font-style: normal; font-weight: 400; font-display: swap; }
@font-face { font-family: "Archivo"; src: url("/assets/fonts/archivo-latin-600-normal.woff2") format("woff2"); font-style: normal; font-weight: 600; font-display: swap; }

:root {
  --paper: #F4F1EA; --ink: #14201C; --moss: #2F4739; --clay: #B4642F; --ash: #8A8F87; --void: #020706;
  --font-display: "Fraunces", serif; --font-body: "Archivo", sans-serif; --weight-regular: 400; --weight-semibold: 600;
  --size-11: 11px; --size-13: 13px; --size-15: 15px; --size-18: 18px; --size-24: 24px; --size-34: 34px; --size-52: 52px; --size-76: 76px;
  --space-4: 4px; --space-8: 8px; --space-12: 12px; --space-20: 20px; --space-32: 32px; --space-52: 52px; --space-84: 84px;
  --radius: 0; --radius-pill: 999px; --shadow-none: none; --rule: 1px; --focus: 2px; --max-content: 1280px; --gutter-desktop: 32px; --gutter-mobile: 20px;
  --header-height: 72px; --drawer-width: 440px; --control-height: 48px; --thumb-size: 84px; --swatch-size: 20px; --stepper-size: 32px; --icon-size: 24px;
  --measure: 40rem; --measure-small: 28rem; --image-detail: 4 / 5; --drawer-max: 100vw; --viewport-width: 100vw; --min-touch: 44px;
  --line-label: 0.12em; --line-tight: 0.96; --line-heading: 1.04; --line-body: 1.55; --opacity-muted: 0.68; --opacity-image: 0.38; --opacity-disabled: 0.48;
  --duration-fast: 160ms; --duration: 200ms; --duration-slow: 240ms; --ease: cubic-bezier(0.2, 0, 0, 1);
  --panel-selected: 58%; --panel-rest: 42%; --panel-even: 50%; --viewport: 100vh; --full: 100%; --half: 50%; --image-card: 4 / 5; --image-wide: 16 / 9;
  --z-header: 20; --z-overlay: 40; --z-drawer: 50;
}
