@font-face {
  font-family: Jost;
  src: url('./fonts/jost.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}
@font-face {
  font-family: 'Instrument Serif';
  src: url('./fonts/instrument-serif.woff2') format('woff2');
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: Mynerve;
  src: url('./fonts/mynerve.woff2') format('woff2');
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  size-adjust: 119%;
}
@font-face {
  font-family: 'Nothing You Could Do';
  src: url('./fonts/nothing-you-could-do.woff2') format('woff2');
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
/* Both display families set every ampersand in Instrument Serif's italic; later faces win for their range. */
@font-face {
  font-family: 'Instrument Serif';
  src: url('./fonts/instrument-serif-italic.woff2') format('woff2');
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  unicode-range: U+0026;
}
@font-face {
  font-family: 'Nothing You Could Do';
  src: url('./fonts/instrument-serif-italic.woff2') format('woff2');
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  unicode-range: U+0026;
}
@font-face {
  font-family: 'Mona Sans';
  src: url('./fonts/mona-sans.woff2') format('woff2');
  font-style: normal;
  font-weight: 200 900;
  font-stretch: 75% 125%;
  font-display: swap;
}
:root {
  /* Maria's palette. These five are the only literal colours in the stylesheets. */
  --paper: #f7f0e5;
  --terracotta: #cf541c;
  --butter: #fae3b0;
  --sky: #7ea5dc;
  --bark: #673c33;
  /* Every other shade is mixed from the five above. */
  /* The invitation's single ink is Clear Skies at full strength: its hue, deepened until text reads on paper and butter. */
  --sky-ink: oklch(from var(--sky) .5 .16 h);
  --ink: color-mix(in oklab, var(--bark) 82%, black);
  --rust: color-mix(in oklab, var(--terracotta) 76%, black);
  --danger: color-mix(in oklab, var(--terracotta) 62%, black);
  --muted: color-mix(in oklab, var(--bark) 84%, var(--paper));
  --line: color-mix(in oklab, var(--paper) 80%, var(--bark));
  --field: color-mix(in oklab, var(--paper) 45%, white);
  --field-border: color-mix(in oklab, var(--paper) 40%, var(--bark));
  --bark-tint: color-mix(in oklab, var(--paper) 90%, var(--bark));
  --sky-tint: color-mix(in oklab, var(--paper) 70%, var(--sky));
  --terracotta-tint: color-mix(in oklab, var(--paper) 86%, var(--terracotta));
  --overlay: color-mix(in oklab, var(--bark) 35%, transparent);
  --print-border: color-mix(in oklab, var(--paper) 35%, white);
  --print-shadow: 0 1px 2px color-mix(in oklab, var(--bark) 22%, transparent), 0 16px 26px -16px color-mix(in oklab, var(--bark) 55%, transparent);
  --palette-paper: color-mix(in oklab, var(--paper) 87%, black);
  --palette-ink: oklch(from var(--sky) .56 .15 h);
  --palette-text: color-mix(in oklab, black 86%, var(--paper));
  --palette-selection: color-mix(in oklab, var(--palette-ink) 28%, var(--palette-paper));
  /* Jämtland's flag has its own colours; they appear only in the masthead ribbon. */
  --jamtland-blue: #416d9e;
  --jamtland-green: #42765b;
  --jamtland-white: white;
  /* Shared shape, spacing, type, and interaction tokens for guest and host pages. */
  --radius-small: 8px;
  --radius-control: 14px;
  --radius-surface: 22px;
  --radius-pill: 999px;
  --radius-round: 50%;
  --rule: 2px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-16: 64px;
  --space-24: 96px;
  /* Six text roles; use weight, not another size, for labels and actions. Poster is for serif page titles. */
  --text-small: .875rem;
  --text-body: 1.0625rem;
  --text-heading: 1.375rem;
  --text-title: clamp(1.875rem, 8vw, 2.25rem);
  --text-display: clamp(2.375rem, 10.5vw, 2.75rem);
  --text-poster: clamp(3rem, 14vw, 4.5rem);
  --weight-regular: 400;
  --weight-emphasis: 550;
  --weight-display: 650;
  --field-gap: var(--space-6);
  --label-gap: var(--space-2);
  --leading-body: 1.6;
  --leading-control: 1.5;
  --leading-heading: 1.15;
  --leading-display: 1.05;
  --tracking-display: -.02em;
  --control-height: 48px;
  --touch-target: 44px;
  --focus-ring: 2px solid var(--rust);
  --focus-offset: 3px;
  --feedback-duration: 140ms;
  --step-duration: 180ms;
  --pressed-scale: .98;
  --bark-hover: color-mix(in oklab, var(--bark) 88%, var(--paper));
  --bark-edge: color-mix(in oklab, var(--bark) 82%, var(--paper));
  --sans: Jost, Futura, 'Avenir Next', sans-serif;
  --serif: 'Instrument Serif', 'Iowan Old Style', Georgia, serif;
  --hand: 'Nothing You Could Do', 'Bradley Hand', cursive;
  /* The invitation page is written in one felt-tip hand, the same pen as its hand-lettered names. */
  --invite-face: Mynerve, 'Bradley Hand', cursive;
  --grotesk: 'Mona Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  --weight-hairline: 200;
  --weight-light: 300;
  --weight-black: 900;
  --width-normal: 100%;
  --width-extended: 125%;
  --type-action: clamp(1.1875rem, 5.4vw, 1.375rem);
  --type-list: clamp(2.125rem, 10vw, 3.25rem);
  --type-numeral: clamp(4.25rem, 20vw, 6.5rem);
  --type-edge: clamp(2.5rem, 12vw, 3.5rem);
  --leading-solid: .84;
  --leading-lead: 1.34;
  --tracking-open: .2em;
  font-family: var(--sans);
  color: var(--ink);
  background: var(--paper);
  font-synthesis: none;
  -webkit-font-smoothing: antialiased;
}
