/*!
 * theme.css — YT Shorts Auto-Scroll's accent override
 * =====================================================
 * This is the ONLY styling this sibling site authors for its brand.
 * Everything else (neutrals, spacing, type scale, components) comes from
 * assets/base.css untouched.
 *
 * YouTube red, bold and energetic — a deep red gradient partner for the
 * hero title / mesh glow, and Safari's own blue as the third accent (this
 * is a Safari extension, so the blue nods at the browser it lives in).
 */

:root {
  --accent: #ff0033;   /* YouTube red — primary CTAs, links, kicker, focus ring */
  --accent-2: #8f0016; /* deep red    — gradient partner (hero title, mesh glow) */
  --accent-3: #0a84ff; /* Safari blue — nods at the browser this extension lives in */
  --accent-fg: #ffffff;
}