/* Tall sculptural display type, quiet sans UI, and an editorial serif accent. */
@font-face {
  font-family: 'Anton';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url('/assets/fonts/anton-latin-400-normal.woff2') format('woff2');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url('/assets/fonts/inter-latin-wght-normal.woff2') format('woff2-variations'),
       url('/assets/fonts/inter-latin-wght-normal.woff2') format('woff2');
}
@font-face {
  font-family: 'Instrument Serif';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url('/assets/fonts/instrument-serif-latin-400-normal.woff2') format('woff2');
}
@font-face {
  font-family: 'Instrument Serif';
  font-style: italic;
  font-display: swap;
  font-weight: 400;
  src: url('/assets/fonts/instrument-serif-latin-400-italic.woff2') format('woff2');
}

:root {
  /* surfaces */
  --bg-0: #151617;
  --bg-1: #1B1D1F;
  --bg-2: #202225;
  --line: rgba(230, 229, 227, 0.12);
  --line-strong: rgba(230, 229, 227, 0.24);

  /* ink */
  --ink-0: #ECEAE6;
  --ink-1: #B8B7B3;
  --ink-2: #A5A4A0;  /* 5.4:1 on --bg-1; muted labels stay AA */

  /* steel */
  --steel-0: #E4E2DC;
  --steel-1: #B8B6B0;
  --steel-2: #6E6D69;

  /* brand reds */
  --brand-red: #E42D32;
  --brand-red-rgb: 228, 45, 50;
  --maroon: var(--brand-red);
  --crimson: var(--brand-red);
  --crimson-hot: var(--brand-red);

  /* type */
  --font-body: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-display: 'Anton', 'Arial Narrow', sans-serif;
  --font-serif: 'Instrument Serif', Georgia, 'Times New Roman', serif;

  /* motion */
  --ease-ui: cubic-bezier(0.2, 0.7, 0.2, 1);
  --dur-fast: 180ms;
  --dur-ui: 320ms;
  --dur-iris: 1100ms;

  /* layout */
  --container: 1280px;
  --gutter: clamp(20px, 4vw, 40px);
  --radius: 4px;
  --radius-pill: 999px;
}