/* base.css — the Aurora token block, and ONLY the token block.
 *
 * The suite's shared vocabulary, adopted so `app-shell.css` and `scope.css` (both carried here
 * BYTE-IDENTICAL to Surety/Sage) resolve the custom properties they read. Freshest reference for
 * the values: Sentia/public/css/base.css, itself taken from Spectral.
 *
 * TWO deliberate adaptations, named rather than silently absorbed, so a future sync stays cheap:
 *
 *   1. NO reset, no `body` rule, no ambient `body::before`. Every Sîon page carries its own
 *      committed layout — index its Aurora column, worldview and configurator the recovered
 *      2026-08-18 control-room mockups with their own `:root`, their own reset and their own
 *      backgrounds. The sibling base.css sets `body{display:flex;height:100dvh;overflow:hidden}`,
 *      which would take those layouts apart. Chrome does not need it: `#header.app-header` and
 *      the `.scope-*` / `.so-*` rules are self-contained.
 *   2. This sheet loads BEFORE each page's own `<style>`, so a page that redefines a token wins
 *      the cascade (same `:root` specificity, later declaration). That is the point: the tokens
 *      below are the FLOOR every page can rely on — the sub-pages never defined `--text`,
 *      `--cyan`, `--border`, `--text-dim` or `--text-muted`, and the identity chip reads all five.
 *
 * No webfont is fetched. 'Outfit' and 'Inter' are NAMED in the chrome sheets and the platform
 * stack carries the render where they are not installed — this surface is INTERNAL
 * (DR-ATH-0053 R2) and stays free of a runtime CDN dependency.
 */

:root {
    color-scheme: dark;

    /* Surfaces — the suite's three depths. */
    --void:    #06070d;
    --deep:    #0e1018;
    --surface: #161a24;

    /* Signal — the Aurora triad, the warning, the error. */
    --cyan:    #00c8ff;
    --violet:  #7850ff;
    --mint:    #00ffb4;
    --warning: #ffaa30;
    --error:   #ff4466;

    /* Type */
    --text:       #e0e8f0;
    --text-muted: #6a7a8a;
    --text-dim:   #3a4a5a;

    /* Lines + light */
    --border:        rgba(255, 255, 255, 0.06);
    --border-strong: rgba(255, 255, 255, 0.14);
    --border-focus:  rgba(0, 200, 255, 0.25);
    --focus:         rgba(0, 200, 255, 0.45);
}

/* Motion is a preference, not a decoration. Scoped to the chrome this sheet is here to serve —
   the mockups own their own motion and state their own reduced-motion posture. */
@media (prefers-reduced-motion: reduce) {
    #header.app-header *,
    .scope-detail-popover *,
    #selarys-signed-out * { animation: none !important; transition: none !important; }
}