/**
 * Design tokens - the same palette and type as the sims (copied from the
 * ToB site's shared/css/tokens.css, so the hub and the sims read as one
 * site). Four colours: a near-black ground with a faint red undertone,
 * bone text, a dim step of it, and one blood accent.
 */

@font-face {
  font-family: "Cormorant Garamond";
  src: url("../fonts/cormorant-garamond.woff2") format("woff2");
  font-weight: 300 700;
  font-style: normal;
  font-display: swap;
}

:root {
  --ground: #121011;
  --panel: rgba(18, 16, 17, 0.88);
  --panel-solid: #181617;
  --raise: #201d1e;
  --bone: #d6d0c6;
  --dim: #8a847b;
  --faint: #4d4849;
  --line: #2a2527;
  --blood: #a8323c;
  --blood-soft: #c9707a;
  --radius: 6px;
  --radius-sm: 3px;
  --shadow: 0 6px 24px rgba(0, 0, 0, 0.35);
  --font-ui: system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --font-display: "Cormorant Garamond", Georgia, serif;
}