/* ANVA Balance — design tokens. Brand palette + Work Sans (confirmed 13 Jun 2026). */
:root {
  /* Brand */
  --anva-blue:    #3D5CAA;  /* PRIMARY */
  --anva-purple:  #A93F94;  /* SECONDARY */

  /* Accents — use sparingly */
  --anva-lime:     #DFEBB6;
  --anva-lavender: #A6ACD7;

  /* Greys — shapes, backgrounds, text */
  --anva-grey-light: #D8E0E3;
  --anva-grey-dark:  #2D3748;
  --anva-white:      #FFFFFF;

  /* Report status colors — PROVISIONAL, confirm with client */
  --anva-good:  #2E9E6B;
  --anva-warn:  #C9882B;
  --anva-alert: #C0473B;

  /* Type — single family, weight-differentiated */
  --anva-font: "Work Sans", system-ui, sans-serif;

  --anva-radius: 14px;
  --anva-gap:    clamp(1rem, 2vw, 2rem);
}

body      { font-family: var(--anva-font); font-weight: 400; color: var(--anva-grey-dark); }
h1,h2,h3  { font-family: var(--anva-font); font-weight: 600; color: var(--anva-blue); }

.anva-btn            { background: var(--anva-blue);   color: #fff; border-radius: 999px; padding: .8rem 1.5rem; }
.anva-btn--secondary { background: var(--anva-purple); color: #fff; }
.anva-btn--outline   { background: transparent; color: var(--anva-blue); border: 2px solid var(--anva-blue); }