/*
 * StarNet brand theme
 * -------------------
 * Future visual refreshes should start here. These tokens describe the site brand, not game
 * results. Difficulty, rank, FC/AP, judgement and DX-star colors deliberately stay in their
 * owning components because changing them would change the meaning of score data.
 *
 * Keep each RGB token in sync with its hexadecimal partner. The RGB form is used when a component
 * needs the same color with transparency.
 */
:root {
    --theme-page-bg: #f5f1fb;
    --theme-page-glow-primary-rgb: 224, 82, 156;
    --theme-page-glow-secondary-rgb: 106, 166, 232;

    --theme-primary: #7b3fa0;
    --theme-primary-rgb: 123, 63, 160;
    --theme-primary-deep: #36205f;
    --theme-link: #6a3aa0;
    --theme-link-rgb: 106, 58, 160;
    --theme-accent: #e0529c;
    --theme-accent-rgb: 224, 82, 156;
    --theme-accent-strong: #c558a0;
    --theme-accent-strong-rgb: 197, 88, 160;
    --theme-secondary: #6aa6e8;
    --theme-secondary-rgb: 106, 166, 232;
    --theme-highlight: #ffce4a;

    --theme-brand-ink: #3d304c;
    --theme-brand-ink-rgb: 61, 48, 76;
    --theme-brand-surface-rgb: 83, 63, 104;
    --theme-brand-border-rgb: 78, 57, 94;
    --theme-muted: #81788c;

    --theme-sidebar-start: #2b1b4d;
    --theme-sidebar-middle: #5a2a86;
    --theme-sidebar-end: #7d3a96;
    --theme-topbar-bg: #efe7fb;
    --theme-topbar-border: #d9cdf0;
    --theme-nav-text: #d7d7d7;
    --theme-nav-hover-bg: rgba(255, 255, 255, .1);
    --theme-focus-ring: rgba(224, 82, 156, .55);

    --theme-gate-bg: #08060d;
    --theme-gate-surface: rgba(22, 16, 33, .72);
    --theme-gate-text: #f3eefb;
    --theme-gate-muted: #9b90b5;

    /* Compatibility aliases for older page rules. New code should use --theme-* names. */
    --star-bg: var(--theme-page-bg);
    --star-purple: var(--theme-link);
    --star-purple-deep: var(--theme-primary-deep);
    --star-magenta: var(--theme-accent);
    --star-blue: var(--theme-secondary);
    --star-gold: var(--theme-highlight);

    /* Bootstrap helpers such as outline-primary and pagination now follow the brand palette. */
    --bs-primary: var(--theme-primary);
    --bs-primary-rgb: var(--theme-primary-rgb);
    --bs-link-color: var(--theme-link);
    --bs-link-color-rgb: var(--theme-link-rgb);
}