/* videohub theme "Hub Blue" — the theme's TOKEN layer, loaded unlayered after
   theme.css (partials/chrome/site-head) so it wins. Only what the compiled
   Bootstrap build cannot carry lives here: the faces and the engine tokens
   theme.css reads with an engine-default fallback (--tile-radius,
   --header-band-*, --on-accent). The <link> half of each face is theme.php
   `fonts`. */
:root {
    /* Rubik — variable 300–900: body 400 and headings 700 are one download. */
    --font: 'Rubik', system-ui, 'Segoe UI', Arial, sans-serif;
    --font-display: 'Rubik', system-ui, 'Segoe UI', Arial, sans-serif;
    /* Tiles stay SQUARE — the engine default (--tile-radius unset → 0), as on
       the sister sites (owner, 2026-11-09). */
    /* Cyan is a LIGHT accent: labels on an accent fill are dark (5.2–10.6:1). */
    --on-accent: #061018;
    /* A deep blue-black top bar with a faint cyan rule; the wordmark's accent
       word keeps the brand gradient. */
    --header-band-bg: #070b11;
    --header-band-border: 1px solid rgba(34, 211, 238, .22);
    --header-band-accent: url(#brand-accent-grad);
    --header-band-search-ring: inset 0 0 0 1px rgba(255, 255, 255, .12);
}
/* GENERATED by bin/logo/build-site-mark.py — the wordmark symbol's aspect ratio
   (117.27/24), so the em-sized .brand-mark box fits the drawing. */
.brand-mark { width: 4.886em; }
/* The accent word paints the sprite's #brand-accent-grad (a custom property, so it
   reaches inside the <use> shadow tree); .bm-mono still drops it to currentColor. */
.brand-mark { --bm-accent: url(#brand-accent-grad); }