/* Seventh Media design tokens: Look 3 (Editorial). Every colour, size and space on the site comes from here. */
@font-face {
  font-family: "Fraunces"; font-style: normal; font-weight: 400 700; font-display: swap;
  src: url("/fonts/fraunces-latin-wght-normal.woff2") format("woff2");
}
@font-face {
  font-family: "Fraunces"; font-style: italic; font-weight: 400 700; font-display: swap;
  src: url("/fonts/fraunces-latin-wght-italic.woff2") format("woff2");
}
@font-face {
  font-family: "DM Sans"; font-style: normal; font-weight: 400 700; font-display: swap;
  src: url("/fonts/dm-sans-latin-wght-normal.woff2") format("woff2");
}

:root {
  /* colour */
  --bg: #F6F1E7;
  --paper: #FFFDF8;
  --line: #E4DAC4;
  --line-strong: #CFC2A4;
  --ink: #1D1A13;
  --muted: #786D57;
  --brass: #96762A;        /* accents, borders, large display text */
  --brass-ink: #7A5F1E;    /* brass that is dark enough for small text and for white text on top */
  --brass-soft: #F1E6C8;
  --green: #23493A;
  --green-soft: #E2ECE5;
  --bad: #9E3B2C;
  --bad-soft: #F6E3DE;
  --scrim: rgba(29, 26, 19, .48);

  /* type */
  --serif: "Fraunces", Georgia, "Times New Roman", serif;
  --sans: "DM Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --t-micro: .75rem;
  --t-small: .875rem;
  --t-body: 1rem;
  --t-h3: 1.125rem;
  --t-h2: 1.5rem;
  --t-h1: clamp(1.875rem, 1.2rem + 3vw, 2.75rem);

  /* space and shape */
  --s1: 4px; --s2: 8px; --s3: 12px; --s4: 16px; --s5: 24px; --s6: 32px; --s7: 48px;
  --r-sm: 8px; --r-md: 12px; --r-lg: 16px; --r-xl: 20px; --r-pill: 999px;
  --shadow: 0 1px 0 var(--line), 0 10px 30px -18px rgba(29, 26, 19, .35);
  --tap: 44px;
  --page: 1180px;
  --top-h: 64px;
  --bar-h: 64px;
  --ease: cubic-bezier(.2, .7, .2, 1);
}