/* Brand tokens, modeled on ac-release-notes. Layout lives in styles.css and references only these
   variables, so a per-personality look only needs a :root[data-personality="<key>"] block here.

   Anybody and Lato come from Google Fonts (linked in index.html, allowed by the CSP). The stacks
   below fall back to system fonts, so the page still renders if Google Fonts can't be reached.
   The logo is self-hosted under /_maint/brand/ rather than pulled from app.amusementconnect.com,
   because that host can be the very service this page is standing in for. */

/* Dark is the brand default, as in release-notes. With no theme toggle on this page, a visitor whose
   OS asks for light gets the release-notes light palette instead. */
:root {
    color-scheme: dark;

    --color-bg: #0a0a0c;
    --color-surface: #1e1e22;
    --color-text: #f2f2f3;
    --color-text-muted: #9a9aa2;
    --color-border: rgba(255, 255, 255, 0.08);
    --color-accent: #e41320;
    --color-accent-text: #ffffff;
    --color-accent-glow: rgba(228, 19, 32, 0.45);
    --color-glow: rgba(228, 19, 32, 0.2);

    --font-body: 'Lato', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --font-heading: 'Anybody', 'Lato', sans-serif;

    --radius: 12px;
    --shadow: 0 12px 30px rgba(0, 0, 0, 0.35);
}

@media (prefers-color-scheme: light) {
    :root {
        color-scheme: light;

        --color-bg: #f4f4f6;
        --color-surface: #ffffff;
        --color-text: #1a1a1d;
        --color-text-muted: #6b6b73;
        --color-border: rgba(0, 0, 0, 0.1);
        --color-glow: rgba(120, 120, 130, 0.18);
        --shadow: 0 12px 30px rgba(0, 0, 0, 0.08);
    }
}