/* The Strand — generated from design/tokens.json by tools/build_tokens.py. Do not edit by hand. */

@font-face{font-family:"Bodoni Moda";src:url("fonts/BodoniModa-Medium.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Bodoni Moda";src:url("fonts/BodoniModa-Regular.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Jost";src:url("fonts/Jost-Regular.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Jost";src:url("fonts/Jost-Light.woff2") format("woff2");font-weight:300;font-style:normal;font-display:swap}

:root{
  --black: #111111;
  --white: #FFFFFF;
  --pearl: #F4F2EE;
  --pink: #F7C6D6;
  --pink-tint: #FCEEF2;
  --gold: #D4AF37;
  --gold-deep: #7D601B;
  --ink-soft: #4A4744;
  --stone: #6B6762;
  --stone-light: #B9B4AD;
  --sand-line: #DCD6CC;
  --surface-page: var(--pearl);
  --surface-card: var(--white);
  --surface-inverse: var(--black);
  --surface-accent: var(--pink-tint);
  --text-primary: var(--black);
  --text-secondary: var(--ink-soft);
  --text-muted: var(--stone);
  --text-on-dark: var(--pearl);
  --text-on-dark-muted: var(--stone-light);
  --text-brand: var(--gold-deep);
  --accent-brand: var(--gold);
  --accent-cta: var(--black);
  --border-hairline: var(--sand-line);
  --font-display: "Bodoni Moda", "Didot", Georgia, serif;
  --font-sans: "Jost", "Futura", system-ui, sans-serif;
  --type-display-size: 88px; --type-display-leading: 0.98; --type-display-weight: 500;
  --type-h2-size: 52px; --type-h2-leading: 1.04; --type-h2-weight: 500;
  --type-h3-size: 26px; --type-h3-leading: 1.2; --type-h3-weight: 500;
  --type-lead-size: 30px; --type-lead-leading: 1.32; --type-lead-weight: 400;
  --type-body-size: 18px; --type-body-leading: 1.65; --type-body-weight: 400;
  --type-small-size: 15px; --type-small-leading: 1.55; --type-small-weight: 400;
  --type-caption-size: 14px; --type-caption-leading: 1.45; --type-caption-weight: 400;
  --type-nav-size: 13px; --type-nav-leading: 1.2; --type-nav-weight: 400;
  --space-1: 8px;
  --space-2: 16px;
  --space-3: 24px;
  --space-4: 32px;
  --space-6: 48px;
  --space-10: 80px;
  --space-16: 128px;
  --radius-none: 0px;
  --radius-round: 9999px;
  --measure: 62ch;
  --wrap: 1240px;
  --tracking-caps: 0.32em;
}