:root {
  /* surfaces */
  --paper: #f6f3ec;        /* page background */
  --paper-deep: #ebe6da;   /* bands, footers, hover on paper */
  --card: #fffdf8;         /* cards, inputs */
  --line: #d9d2c4;         /* borders, dividers */

  /* ink */
  --ink: #1a1d1f;          /* headings, body */
  --ink-soft: #5b5f63;     /* secondary text, labels */
  --ink-faint: #9a9ea3;    /* placeholders, timestamps */

  /* accent: growth green, not Shopify's */
  --accent: #1f7a55;       /* primary button, links, live-call ring */
  --accent-deep: #165f42;  /* hover, active */
  --accent-soft: #e2f1e9;  /* tints, selected states, agent bubble */

  /* signals */
  --warn: #c2690f;         /* finding that needs attention */
  --warn-soft: #fbeedc;
  --danger: #b3261e;       /* errors, key rejected */
  --ok: #1f7a55;           /* reuse accent for success */

  /* type */
  --font-display: "Bricolage Grotesque", "Helvetica Neue", Arial, sans-serif;
  --font-sans: "Geist", ui-sans-serif, system-ui, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, monospace;

  /* shape */
  --radius: 14px;
  --radius-pill: 999px;
  --shadow: 0 1px 2px rgb(26 29 31 / 6%), 0 8px 24px rgb(26 29 31 / 8%);

  /* motion */
  --ease-out: cubic-bezier(.23, 1, .32, 1);
  --dur: 220ms;
}