:root {
  /* Brand — confirmed from chimcare.com (2026-09-20): pure black from the logo
     mark's pixels, and #dd2e44 red — the site's actual UI accent color (used
     862 times site-wide for buttons/links/active states; their own WordPress
     theme's color-scheme is literally named "radical-red"). The logo's raw
     mark color is a more saturated #ff1100, but #dd2e44 is what Chimcare
     actually ships in production UI and is the one that clears WCAG AA
     (4.62:1) with white text — so that's the one used here. */
  --brand-primary:      #000000;
  --brand-primary-ink:  #ffffff;
  --brand-accent:       #dd2e44;
  --brand-accent-ink:   #ffffff;
  --brand-logo:         url("../assets/brand/chimcare-mark.png");

  /* Semantic — derived, do not hardcode brand values below this line */
  --c-bg:         #ffffff;
  --c-surface:    #f5f5f4;
  --c-surface-2:  #ececea;
  --c-ink:        #17110e;
  --c-ink-muted:  #5a534f;
  --c-border:     #ddd8d4;

  --c-danger:     #b3261e;
  --c-danger-bg:  #fdecea;
  --c-caution:    #a05a00;
  --c-caution-bg: #fff5e0;
  --c-note:       #4a4540;
  --c-note-bg:    #f0efed;

  --c-pass:       #1f6b3a;
  --c-pass-bg:    #e8f5eb;
  --c-fail:       #b3261e;
  --c-fail-bg:    #fdecea;
  --c-fix:        #a05a00;
  --c-fix-bg:     #fff5e0;

  /* Field ergonomics */
  --tap-min:   56px;
  --font-base: 18px;
  --font-lg:   22px;
  --font-spec: 32px;
  --radius:    10px;
  --gap:       16px;
}