/* <!-- built-under: full-frontend SKILL.md sha256=7efe4ef4 --> */
/* ================================================================
   Time Champ Proctoring - brand + domain palette
   Overrides the kit's --accent trio and the --viz-* meaning-contract
   slots for the proctoring domain. Load AFTER tokens.css.
   Brand accent: Time Champ blue #0030DB.
   ================================================================ */
@import url('https://fonts.googleapis.com/css2?family=Ubuntu+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap');

.tc{
  /* cool zinc ground kept from the kit; brand accent swapped in */
  --accent:#0030DB; --accent-ink:#0026AF; --accent-bg:rgba(0,48,219,.08);
  --ring:rgba(0,48,219,.10);
  --sans:"Ubuntu Sans",system-ui,-apple-system,"Segoe UI",sans-serif;

  /* ---- proctoring meaning-contract palette (playbook §6) ----
     One fixed colour per recurring state, used identically in every
     badge, tile, timeline and legend. Kept small and CVD-separated. */
  --st-live:#0ca30c;   --st-live-ink:#04790a;   --st-live-bg:rgba(12,163,12,.10);   /* monitored / passed / present */
  --st-check:#0030DB;  --st-check-ink:#0026AF;   --st-check-bg:rgba(0,48,219,.08);   /* in-check / running / verifying */
  --st-warn:#e08600;   --st-warn-ink:#9a5b00;    --st-warn-bg:rgba(224,134,0,.12);   /* attention flag (left frame, no-face) */
  --st-crit:#d03b3b;   --st-crit-ink:#a12b2b;    --st-crit-bg:rgba(208,59,59,.10);   /* critical flag (second person, phone) */
  --st-idle:#8a8f98;   --st-idle-ink:#5b6068;    --st-idle-bg:rgba(138,143,152,.12); /* paused / idle / scheduled */

  /* capture-type hues (webcam / screen / activity) - fixed everywhere */
  --cap-cam:#0030DB;   --cap-screen:#12a5b8;  --cap-act:#e08600;

  /* viz slots re-pointed to the domain palette so kit charts inherit meaning */
  --viz-1:#0030DB; --viz-2:#7aa0ff; --viz-3:#d03b3b; --viz-4:#e08600;
}

/* Ubuntu Sans is a touch heavier; nudge the big-numeral weight so the
   signature thin-numeral tension survives the brand font. */
.tc .kpi-value,.tc .donut-v{font-weight:400}

/* selection + focus in brand blue */
.tc ::selection{background:rgba(0,48,219,.16)}