:root{
  /* base — six greys carry everything */
  --arq-ink:#101114;
  --arq-graphite:#2A2D34;
  --arq-steel:#6E747E;
  --arq-mist:#B9BEC7;
  --arq-fog:#EDEEF1;
  --arq-paper:#FFFFFF;
  --arq-line:#E1E3E8;

  /* accent — max 5% of any surface, once per screen */
  --arq-copper:#B87333;
  --arq-copper-text:#8A5522;

  /* semantic aliases */
  --arq-text-strong:var(--arq-ink);
  --arq-text-body:var(--arq-graphite);
  --arq-text-muted:var(--arq-steel);
  --arq-text-disabled:var(--arq-mist);
  --arq-text-accent:var(--arq-copper-text);
  --arq-text-on-ink:var(--arq-paper);
  --arq-text-muted-on-ink:var(--arq-mist);

  --arq-surface-page:var(--arq-paper);
  --arq-surface-raised:var(--arq-paper);
  --arq-surface-sunken:var(--arq-fog);
  --arq-surface-inverse:var(--arq-ink);

  --arq-border-hairline:var(--arq-line);
  --arq-border-strong:var(--arq-ink);
  --arq-border-inverse:var(--arq-graphite);
  --arq-border-accent:var(--arq-copper);

  --arq-focus-ring:var(--arq-ink);
  --arq-status-active:var(--arq-copper);
  --arq-status-building:var(--arq-steel);
  --arq-status-off:var(--arq-mist);
}