/* IPCRG Breaths — brand tokens (white-forward).
   Mirrors the Brand Kit (Brand Kit/brand-tokens.css) and BRAND.md.
   Philosophy: WHITE is a primary colour (air/breath). BLUE = text/ink. GOLD leads —
   but one hero gold moment per view; gold-as-text uses --breaths-gold-soft. */
:root {
  /* Raw brand */
  --breaths-blue: #006A95;
  --breaths-gold: #FDB913;
  --breaths-grey: #D1D3D4;
  --breaths-air:  #A8C5BC;

  /* Backgrounds (subtle white gradient — the canvas) */
  --breaths-bg-top:  #FFFFFF;
  --breaths-bg-mid:  #F6FBFC;
  --breaths-bg-deep: #E9F3F7;

  /* Semantic roles */
  --breaths-text:      #00506E;  /* deep blue — headings & body */
  --breaths-muted:     #5F727B;  /* supporting copy */
  --breaths-gold-soft: #8A6200;  /* AA-contrast gold-as-text (was #B07D00, 3.6:1) */  /* gold AS TEXT (legible on white) */
  --breaths-gold-fill: #FDB913;  /* gold fills/graphics ONLY — never small text on white */
  --breaths-good:      #1F9D63;  /* confirmations only */
  --breaths-icon-ink:  #00607F;  /* line icons */
  --breaths-on-gold:   #003B52;  /* text on a gold chip */

  /* Functional (not brand-decorative): incorrect-answer feedback */
  --breaths-error:     #B3564D;
  --breaths-error-bg:  #FAF1F0;

  /* Surfaces */
  --breaths-panel:        #FDFEFE;
  --breaths-panel-border: #E3EDF1;
  --breaths-panel-shadow: 0 16px 44px rgba(0, 70, 100, 0.10);
  --breaths-radius: 32px;       /* large panels (card stage, certificate) */
  --breaths-radius-md: 20px;    /* tiles */
  --breaths-radius-sm: 12px;    /* inputs, small elements */

  --breaths-font: "Poppins", system-ui, "Segoe UI", -apple-system, Arial, sans-serif;
}