/*
 * Nightlatch design tokens — the console half.
 *
 * Every value below is copied from `app/src/main/res/values/colors.xml`, which is the source of
 * truth (Stage 13, #47/#48). The console and the tablet are two surfaces of one product and were
 * drifting apart by construction: the console had invented its own blue, its own greys and its own
 * status colours, none of which matched the app's. This file exists so the next person to change a
 * colour knows there are two places, and which one leads.
 *
 * The mapping is deliberately one-to-one where a token exists on both sides, and the app's own
 * name is noted in a comment where the console's name differs (the console needs web-shaped names
 * like --bg/--panel that mean nothing in an Android resource file, so the names cannot simply be
 * shared).
 *
 * Only --brand-ring has no colors.xml entry: it's the outer ring of ic_nightlatch_logo.xml,
 * hard-coded in the vector itself. If that ever becomes a named app colour, take it from there.
 */
:root {
    /* Brand */
    --brand: #3B82F6;               /* colors.xml: sky / accent_blue */
    --brand-light: #60A5FA;         /* colors.xml: sky_light */
    --brand-ring: #1E3A8A;          /* ic_nightlatch_logo.xml, outer ring */
    --brand-ink: #0B131F;           /* colors.xml: navy */

    /* Surfaces — light */
    --bg: #F9F7F2;                  /* colors.xml: soft_sand */
    --panel: #FFFFFF;
    --panel-sunken: #F2F4F7;        /* colors.xml: card_bg */
    --border: #E0DCD0;              /* colors.xml: pebble_shadow */
    --text: #1A2433;                /* colors.xml: chip_text_dark */
    --text-muted: #718096;          /* colors.xml: status_muted */

    /* Status */
    --good: #10B981;                /* colors.xml: status_ok */
    --warn: #F59E0B;                /* colors.xml: status_warn */
    --danger: #EF4444;              /* colors.xml: status_error / danger */
    --accent: var(--brand);
    --accent-text: #FFFFFF;

    /* Navigation rail — always the app's dark navy, in both schemes. The tablet's parent console
       is dark-chrome regardless of system theme; matching that is the point. */
    --sidebar-bg: #0B131F;          /* colors.xml: navy */
    --sidebar-text: #8894A6;        /* colors.xml: text_dim */
    --sidebar-active: #1A2B42;      /* colors.xml: navy_card */

    /* Category accents, for charts and per-category chips. Same five the launcher uses. */
    --cat-learn: #8B5CF6;
    --cat-play: #10B981;
    --cat-create: #F59E0B;
    --cat-watch: #EF4444;
    --cat-tools: #94A3B8;
}

@media (prefers-color-scheme: dark) {
    :root {
        --bg: #0B131F;              /* colors.xml: navy */
        --panel: #142236;           /* colors.xml: navy_surface */
        --panel-sunken: #1A2B42;    /* colors.xml: navy_card */
        --border: #213655;          /* colors.xml: tile_bg_pressed */
        --text: #E2E8F0;
        --text-muted: #8894A6;      /* colors.xml: text_dim */
        --sidebar-bg: #08101A;      /* one step below navy, so the rail still reads as a rail */
        --sidebar-active: #1A2B42;  /* colors.xml: navy_card */
    }
}