/* targets/unreal1/branding/theme.css — per-target theming via CSS (docs/06, ADR-13).
 *
 * The one place Unreal's palette lives. It defines the generic `--ufront-*` design-token vocabulary
 * the UI reads (the declarative chrome + every PrimeVue component via the `ufront` preset). Swapping
 * this file reskins the whole app; adding a game = adding its theme.css, never touching frontend/glue.
 *
 * Unreal (1998) palette: a dark slate page + a Nali-teal/amber accent, distinct from UT2004's red. */
:root {
    /* Page */
    --ufront-bg: #0c0f0e; /* page background — near-black slate */
    --ufront-panel-track: #1e2c28; /* progress-bar track */

    /* Text */
    --ufront-text: #e8f0ed; /* primary text */
    --ufront-text-muted: #9fb3ac; /* labels */
    --ufront-text-dim: #7a938b; /* status / hints */

    /* Accent (primary action — buttons, focus, progress fill): Unreal teal. Its hover and pressed
       shades, the sections' tints and the field surface are derived from it
       (packages/frontend/public/splash.css). */
    --ufront-accent: #1fae8f;
    --ufront-accent-contrast: #04120e; /* text on the accent */

    /* Feedback */
    --ufront-success: #37c837; /* copy feedback */
}