/* Canonical site palette. Use semantic roles, never local near-duplicate colours. */
:root {
  --color-accent: #d42a21;
  --color-accent-hover: #b7231b;
  --color-accent-rgb: 212, 42, 33;
  --color-accent-soft: rgba(212, 42, 33, .08);
  --color-text: #171717;
  --color-text-secondary: #555555;
  --color-text-muted: #727272;
  --color-text-inverse: #ffffff;
  --color-text-inverse-muted: #cccccc;
  --color-page: #f7f7f4;
  --color-surface: #ffffff;
  --color-surface-soft: #ededeb;
  --color-surface-translucent: rgba(255, 255, 255, .72);
  --color-surface-dark: #171717;
  --color-surface-dark-translucent: rgba(23, 23, 23, .94);
  --color-surface-dark-raised: #242424;
  --color-border: #deded8;
  --color-border-strong: #b9b9b3;
  --color-border-dark: #4a4a4a;
  --color-border-inverse: rgba(255, 255, 255, .24);
  --color-border-inverse-strong: rgba(255, 255, 255, .65);
  --color-white-rgb: 255, 255, 255;
  --color-dark-rgb: 23, 23, 23;
  --color-shadow-rgb: 0, 0, 0;
  --color-success: #338a43;
  --color-success-text: #185329;
  --color-success-bg: #eef8f0;
  --color-warning-text: #765800;
  --color-warning-bg: #fff0b8;
  --color-error: #9b1e22;
  --color-error-bg: #fff0f0;
  --color-error-inverse: #ffb3b3;
}