/* WELLPOINT.tech THEME - the only place where colours, radii and fonts are defined.
   Change a value here and the whole site follows. site.css contains layout/components only. */
:root {
  /* Backgrounds */
  --bg: #fbfcfe;            /* page background (near-white) */
  --bg-muted: #f1f4f9;      /* alternating muted sections */
  --surface: #ffffff;       /* cards, panels, inputs */

  /* Text */
  --text: #0f1b2d;          /* main text: dark navy */
  --text-muted: #4b5a70;    /* secondary text */
  --line: #dde3ec;          /* borders, dividers */

  /* Brand */
  --primary: #0b5fff;       /* main brand blue: buttons, links */
  --primary-hover: #0848c4;
  --primary-soft: #e6eeff;  /* light blue backgrounds (CTA box, hover) */
  --accent: #0fb5c8;        /* cyan/teal accent: graphics, arrows, highlights (decorative only) */
  --accent-text: #0a7f8c;   /* darker teal for small text on light backgrounds (WCAG AA contrast) */
  --accent-soft: #e2f7fa;

  /* Dark sections */
  --dark: #0f1b2d;
  --dark-text: #e6ecf7;
  --dark-muted: #9fb0c8;

  /* States */
  --focus: #ffb000;         /* keyboard focus ring */
  --ok-bg: #e6f6ec;  --ok-text: #114b2a;  --ok-line: #b7e2c6;
  --err-bg: #fdecea; --err-text: #7a1e17; --err-line: #f5c2bd; --err: #b3261e;

  /* Shape and type */
  --radius: 14px;
  --radius-sm: 8px;
  --shadow: 0 1px 2px rgba(15, 27, 45, .06), 0 8px 24px rgba(15, 27, 45, .06);
  --font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  --container: 1160px;
  --gutter: clamp(16px, 4vw, 32px);
}