/* ==========================================================================
   tokens.css — Look B "Classroom-familiar". THE ONLY FILE THAT HOLDS COLOURS.
   Values copied exactly from `.look-b` in directions/looks.src.html (2026-09-13).
   Screens use var(--…) only. Single light look by design (no dark theme in v1).
   ========================================================================== */
:root{
  color-scheme: light;

  /* --- copied from .look-b --- */
  --bg:#F6F8FB; --surface:#FFFFFF; --ink:#1F2328; --sub:#474D55; --muted:#6A717A; --line:#E1E5EA;
  --accent:#1A73E8; --accent-soft:#E6F0FD; --accent-ink:#1558B0; --on-accent:#FFFFFF;
  --alt-soft:#E7F4EC; --alt-ink:#1C6B3A; --warn:#A5501A; --warn-soft:#FCEBDD; --track:#E1E5EA; --track-border:0;
  --display:"Lexend","Segoe UI",sans-serif; --body:"Lexend","Segoe UI",sans-serif;
  --display-w:500; --display-ls:-.01em; --h1:26px; --h2:16px; --label-ls:.06em;
  --radius:12px; --btn-radius:20px; --chip-radius:12px; --av-radius:50%; --nav-radius:0 20px 20px 0;
  --sq-radius:4px; --dot-radius:50%; --sess-radius:6px; --opt-radius:10px;
  --card-border:1px solid #E1E5EA;
  --shadow:0 1px 2px rgba(31,35,40,.06),0 1px 3px rgba(31,35,40,.05);
  --btn-border:0; --btn-shadow:none; --ghost-border:1px solid #D2D7DD; --photo-border:0; --sess-border:0;
  --opt-border:1px solid #D2D7DD; --opt-sel-shadow:none;
  --side-bg:#FFFFFF; --side-border:1px solid #E1E5EA; --nav-on-bg:#E6F0FD; --nav-on-ink:#1558B0;
  --strip-bg:#E1E5EA; --strip-ink:#474D55;

  /* --- small additions the app needs, built from the same Look B values --- */
  --line-strong:#D2D7DD;                      /* = the ghost-border grey */
  --neutral-soft:#EEF1F4;                     /* grey chip / third class tone */
  --shadow-pop:0 8px 28px rgba(31,35,40,.16),0 2px 6px rgba(31,35,40,.08);
  --scrim:rgba(31,35,40,.55);
  --focus-ring:0 0 0 3px rgba(26,115,232,.35);
  --wash:radial-gradient(1200px 520px at 100% -10%, #E6F0FD 0%, rgba(230,240,253,0) 60%),
         radial-gradient(900px 480px at -10% 110%, #E7F4EC 0%, rgba(231,244,236,0) 55%);

  /* --- skill chart: 2 series, validated with the dataviz checker (lightness, chroma, colour-blind separation, contrast: all PASS) --- */
  --viz-latest:var(--accent); --viz-prev:var(--alt-ink);

  /* --- brand logo colours (Round 2, 2026-09-15). ONLY for the tool logos on the Tools grid.
         Values from the Simple Icons data file (simple-icons@16.31.0). The brands are trademarks of their owners;
         check each brand's own rules and files before any public launch. --- */
  --logo-zoom:#0B5CFF; --logo-googlemeet:#00897B; --logo-googledrive:#4285F4; --logo-googlecalendar:#4285F4;
  --logo-googleclassroom:#0F9D58; --logo-youtube:#FF0000; --logo-googleforms:#7248B9; --logo-kahoot:#46178F;
  --logo-googlegemini:#8E75B2;

  /* --- aliases consumed by global-ui.css --- */
  --card:var(--surface); --primary:var(--accent); --primary-soft:var(--accent-soft); --danger:var(--warn);
  --font-ui:var(--body);
}