/*!
 * theme.css — Claude Usage's accent override
 * ===========================================
 * This is the ONLY styling this site needs to author for its brand.
 * Everything else (neutrals, spacing, type scale, components) comes from
 * assets/base.css untouched.
 *
 * Claude Usage's identity IS the two rings the app draws in the menu bar:
 * blue for the 5-hour session limit, green for the weekly limit. Those two
 * colors become --accent and --accent-2 here, so every shared component
 * (kicker, primary button, hero gradient, glow mesh) picks them up for free.
 */

:root {
  --accent: #0a84ff;    /* blue   — 5-hour ring, primary CTAs, links, kicker */
  --accent-2: #34c759;  /* green  — weekly ring, gradient partner, hero title */
  --accent-3: #5e5ce6;  /* indigo — tertiary accent (per-model chips, glow) */
  --accent-fg: #ffffff;
}