/* Brand tokens. Change brand colours here only. */
:root {
  --brand: #dd5f27;
  --brand-hover: #c4531f;
  --brand-soft: #fbece4;
  --ink: #202020;
  --ink-soft: #5b5b5b;
  --line: #e4e2df;
  --surface: #ffffff;
  --ground: #f6f5f3;
  --danger: #b3261e;
  --danger-soft: #fce9e7;
  --ok: #1e7a45;
  --ok-soft: #e6f4ec;

  --radius: 10px;
  --shadow: 0 1px 2px rgba(32, 32, 32, 0.06), 0 8px 24px rgba(32, 32, 32, 0.08);
  --font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}