/* =========================================================
   Care Training Portal — Design Tokens
   Exact brand colors sourced from the brand logo vector.
   Import this in the LMS for consistent branding.
   ========================================================= */
:root{
  /* Brand core — blue */
  --navy:#031728;
  --blue-deep:#17467E;
  --blue:#1073AA;        /* primary action / links (accessible on white) */
  --sky:#03C8FC;         /* accent / focus */

  /* Accent — gold gradient */
  --gold:#FFCA08;
  --amber:#FBB20B;
  --orange:#F17213;      /* secondary CTA */

  /* Neutrals */
  --white:#FFFFFF;
  --bg:#F5F7FA;
  --line:#E3E8EE;
  --muted:#5B6B7B;
  --ink:#1F2A37;

  /* Semantic */
  --success:#1AA260;
  --warning:#F59E0B;
  --error:#D64545;
  --info:#03C8FC;

  /* Signature gradients */
  --grad-blue:linear-gradient(135deg,#03C8FC 0%,#1073AA 55%,#17467E 100%);
  --grad-gold:linear-gradient(135deg,#FFCA08 0%,#FBB20B 50%,#F17213 100%);

  /* Elevation & shape */
  --shadow:0 2px 10px rgba(3,23,40,.07);
  --shadow-lg:0 8px 22px rgba(3,23,40,.12);
  --r-card:14px;
  --r-control:10px;
  --r-pill:999px;

  /* Type */
  --font-head:'Poppins','Segoe UI',system-ui,Arial,sans-serif;
  --font-body:'Inter','Segoe UI',system-ui,Arial,sans-serif;
  --focus-ring:0 0 0 3px rgba(3,200,252,.55);
}

/* Suggested base usage */
body{font-family:var(--font-body);color:var(--ink);background:var(--bg);line-height:1.6}
h1,h2,h3,h4{font-family:var(--font-head);color:var(--navy);line-height:1.2}
a{color:var(--blue)}
*:focus-visible{outline:none;box-shadow:var(--focus-ring)}

.btn-primary{background:var(--blue);color:#fff;border:none;border-radius:var(--r-control);font-weight:700}
.btn-cta{background:var(--orange);color:#fff;border:none;border-radius:var(--r-control);font-weight:700}
.btn-ghost{background:#fff;color:var(--blue);border:1.5px solid var(--blue);border-radius:var(--r-control);font-weight:700}
.tag-core{background:#e8f1fb;color:var(--blue)}
.tag-new{background:#eafaf1;color:var(--success)}
.tag-mandated{background:#fff3e2;color:#9a6a00}