/* Red and black, measured (roadmap 4A.5; contrast on --bg: ink 17.91, muted 9.76, subtle 5.99, accent 7.07).
   Every colour, duration and curve of the site is here (see DESIGN.md). :host lets the chat button's shadow tree read
   the same tokens on other sites. */
:root,
:host {
  color-scheme: dark;
  --bg: #0b0a0c;
  --surface: #151317;
  --raised: #201c21;
  --ink: #f6f3f3;
  --muted: #bdb4b7;
  --subtle: #958b8f;
  --fill: #d11a24;
  --fill-hover: #da1b28;
  --fill-press: #bf1823;
  --fill-outline: #ff8a7d;
  --on-fill: #ffffff;
  --accent: #ff6b5e;
  --accent-soft: #ffa196;
  --field: #7a0c14;
  --focus: #ffd2cc;
  --input-line: #6f6368;
  --field-rule: rgba(246, 243, 243, 0.25);
  --success: #7fe0a4;
  --warning: #ffcf66;

  --font: Inter, system-ui, sans-serif;
  --radius: 6px;
  --d1: 0.2s;
  --d2: 0.7s;
  --d3: 48s;
  --ease: cubic-bezier(0.2, 0.7, 0.2, 1);
}