@font-face { font-family: "Instrument Serif"; font-style: normal; font-weight: 400; font-display: swap; src: url("../fonts/instrument-serif-latin.woff2") format("woff2"); }
@font-face { font-family: "Instrument Serif"; font-style: italic; font-weight: 400; font-display: swap; src: url("../fonts/instrument-serif-italic-latin.woff2") format("woff2"); }
@font-face { font-family: "Hanken Grotesk"; font-style: normal; font-weight: 300 800; font-display: swap; src: url("../fonts/hanken-grotesk-latin.woff2") format("woff2"); }

:root {
  --bw-lacquer: #15121c;
  --bw-lacquer-soft: #221d2b;
  --bw-lacquer-line: #3a3346;
  --bw-chrome: #ece9f1;
  --bw-chrome-muted: #aba4b5;
  --bw-pearl: #f4f2ef;
  --bw-pearl-deep: #e7e3dd;
  --bw-paper: #fffdf9;
  --bw-rule: #cbc4ba;
  --bw-ink: #17141d;
  --bw-ink-muted: #595163;
  --bw-cherry: #8e2743;
  --bw-cherry-deep: #6c1b32;
  --bw-strip: #f3d9a4;
  --bw-strip-glow: #f3d9a459;
  --bw-shade: #15121cb3;
  --bw-error: #b3261e;
  --bw-display: "Instrument Serif", "Iowan Old Style", Georgia, serif;
  --bw-text: "Hanken Grotesk", "Helvetica Neue", Arial, sans-serif;
  --bw-ease: cubic-bezier(.2, .7, .2, 1);
  --bw-gutter: clamp(1rem, 4vw, 3.5rem);
  --bw-measure: 88rem;
  --bw-size-small: .8125rem;
  --bw-size-body: 1.0625rem;
  --bw-size-lead: clamp(1.125rem, 1.6vw, 1.3125rem);
  --bw-size-h3: clamp(1.375rem, 2vw, 1.625rem);
  --bw-size-h2: clamp(2.25rem, 5vw, 4rem);
  --bw-size-h1: clamp(3rem, 8.5vw, 7.25rem);

  --ui-color-background: var(--bw-pearl);
  --ui-color-surface: var(--bw-paper);
  --ui-color-text: var(--bw-ink);
  --ui-color-muted: var(--bw-ink-muted);
  --ui-color-border: var(--bw-rule);
  --ui-color-accent: var(--bw-cherry);
  --ui-color-accent-text: var(--bw-pearl);
  --ui-color-error: var(--bw-error);
  --ui-font-body: var(--bw-text);
  --ui-font-heading: var(--bw-display);
  --ui-size-body: 1rem;
  --ui-size-icon: 1.25rem;
  --ui-space-sm: .375rem;
  --ui-space-md: .875rem;
  --ui-space-lg: 1.5rem;
  --ui-radius-control: 2px;
  --ui-radius-surface: 3px;
  --ui-border-width: 1px;
}