/*
 * Kratom Is Not Heroin: shared design tokens.
 * Served at /shared/tokens.css. Every page on the site links this
 * first, including the static History page, so colors, type and motion match.
 * Variables only, plus the self-hosted fonts. No element styles here.
 */

@font-face {
  font-family: "Archivo Black";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/archivo-black-latin-400.woff2") format("woff2");
}
@font-face {
  font-family: "Space Grotesk";
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
  src: url("fonts/space-grotesk-latin-wght.woff2") format("woff2");
}
@font-face {
  font-family: "Space Mono";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/space-mono-latin-400.woff2") format("woff2");
}
@font-face {
  font-family: "Space Mono";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("fonts/space-mono-latin-700.woff2") format("woff2");
}
@font-face {
  font-family: "Special Elite";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/special-elite-latin-400.woff2") format("woff2");
}

:root {
  /* Surfaces, darkest to lightest */
  --ink-0: #0b0b0c;
  --ink-1: #141416;
  --ink-2: #1f1f23;
  --ink-3: #2a2a30;

  /* Text */
  --paper: #f5f5f5;
  --paper-dim: #b8b8bc;
  --paper-mute: #8a8f98;
  --paper-warm: #faf9f7;

  /* Accents */
  --ember: #ff4d1a;
  --ember-hot: #ff6a3d;
  --sodium: #ffb547;
  --stamp: #ff4f5e;
  --stamp-ink: #e5383b;
  --money: #d4af37;
  --link: #7cc4ff;
  --leaf: #8fb35a;
  --attributed: #9bb0c9;
  --focus: #ffb547;

  /* Board strings: what kind of record backs the line */
  --line-court: #ff4f5e;      /* Federal Register, court filing */
  --line-filing: #ffb547;     /* disclosure filing: FEC, LDA, 990, SEC */
  --line-official: #7cc4ff;   /* official statement or letter */
  --line-patent: #8fb35a;     /* patent */
  --line-reported: #f5f5f5;   /* reported by the press */
  --line-own: #8a8f98;        /* own statement or denied (drawn dashed) */
  --line-study: #9bb0c9;      /* published study or surveillance data */

  /* Claim labels */
  --label-record: #f5f5f5;
  --label-own: #9bb0c9;
  --label-reporting: #ffb547;
  --label-analysis: #ff6a3d;
  --label-open: #8a8f98;

  /* Type */
  --font-display: "Archivo Black", "Arial Black", Impact, sans-serif;
  --font-body: "Space Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "Space Mono", ui-monospace, "Cascadia Mono", Consolas, monospace;
  --font-stamp: "Special Elite", "Courier New", monospace; /* stamps only */

  /* Shape. Buttons are squared, never pills. */
  --r-btn: 6px;
  --r-card: 8px;

  /* Motion */
  --ease: cubic-bezier(.16, 1, .3, 1);
  --dur-1: .2s;
  --dur-2: .3s;

  /* Layout */
  --gutter: 16px;
  --measure: 68ch;
  --max: 1200px;
}

@media (min-width: 700px) {
  :root { --gutter: 28px; }
}
@media (min-width: 1024px) {
  :root { --gutter: 40px; }
}

@media (prefers-reduced-motion: reduce) {
  :root { --dur-1: 0s; --dur-2: 0s; }
}
html[data-motion="reduced"] { --dur-1: 0s; --dur-2: 0s; }