/* Featurette — tokens: neutral charcoal + Martygold (docs/project/ux/07-featurette-rebrand.html).
   Shared by the app bundle (web/src/styles.css imports it) and the static site (linked as
   /static/tokens.css); the brand is defined once. */
@import url("https://fonts.googleapis.com/css2?family=Archivo:wdth,wght@75..125,400..800&family=Instrument+Sans:wght@400;500;600&family=IBM+Plex+Mono:wght@400;500&display=swap");

:root {
  /* neutrals */
  --ink: #0d0d0f;
  --petrol: #161618;
  --petrol-2: #1f1f22;
  --line: #2e2e33;
  /* brand */
  --flag: #ffaa00; /* SG Martygold — primary; always with #111 text */
  --flag-dim: #c98600; /* Martygold dimmed (progress gradient start) */
  --flag-ink: #a15f00; /* Martygold as text on light surfaces (4.5:1 on --paper) */
  --verify: #2ec485; /* SG Green — done / ready */
  --trace: #bec5f6; /* SG Violet — focus, links, live, code detail */
  --danger: #ff266a; /* Feature Red — errors, destructive */
  --warn: #ee6138; /* SG Orange — reserved */
  /* light surfaces (landing, editor text) */
  --paper: #f2f2f4;
  --paper-line: #dcdce0;
  --paper-ink: #111113;
  /* text */
  --text: #e6e6e8;
  --text-dim: #9a9aa3;
  --text-faint: #6a6a73;
  --mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, monospace;
  --disp: "Archivo", "Helvetica Neue", sans-serif;
  --body: "Instrument Sans", system-ui, sans-serif;
  --col: 840px;
  --r: 10px;
}