/* ============================================================
   Quooter — theme: default (light)
   Every theme file defines exactly this set of variables.
   To build a new theme: copy this file, rename it, change the
   values. Nothing else in the codebase needs to know it exists
   beyond adding its name to THEMES in assets/js/theme.js.
   ============================================================ */

:root {
  --colour-paper:        #F7F4EC; /* aged docket paper */
  --colour-paper-raised: #FFFFFF; /* the card sitting "on top" of the paper */
  --colour-line:         #C9C2B0; /* faded rule lines, like carbon-copy paper */
  --colour-ink:          #1F2422; /* body text — ballpoint-pen black */
  --colour-steel:        #4A5560; /* secondary text, labels */
  --colour-steel-light:  #8B97A0; /* placeholder text, disabled state */
  --colour-signal:       #E8542A; /* tape-measure orange — the ONE accent */
  --colour-signal-dark:  #C43F1B; /* hover/active state for the accent */
  --colour-error:        #B23A2E;
  --colour-error-bg:     rgba(178, 58, 46, 0.08);
  --colour-error-border: rgba(178, 58, 46, 0.25);
  --colour-success:        #2F6B4F;
  --colour-success-bg:     rgba(47, 107, 79, 0.08);
  --colour-success-border: rgba(47, 107, 79, 0.25);

  --focus-ring: 0 0 0 3px rgba(232, 84, 42, 0.35);
}