/*
 * Theme "dark_radix" - The pages anybody can open: menu, profile, teams, rating, stats.
 *
 * One of the parts css/theme/dark_radix/ is split into, by the screen each token
 * serves; the screens are the ones section 0 of css/style_game_common.css
 * marks its groups with, and the design studio names its slots with.
 * A theme is a delta: what is not here keeps the default value.
 *
 * Every colour is a step of a Radix scale and says which one; see _base.css for
 * where the set comes from.
 */

:root {
    /* --- Service and hint bars --------------------------------------------- */
    --qeng-service-bg: #18191b;         /* Slate 2 */
    /* Section 0 marks this one [game], but the log of answers (answers.php) is
       a page of the site and floors its controls with it. */
    --qeng-answers-bar-bg: #18191b;     /* Slate 2 */

    /* --- The navbar -------------------------------------------------------- */
    /* A panel, not a stripe: Slate 2 over the Slate 1 page, the way Radix
       separates a bar from what it sits on. */
    --qeng-navbar-bg: #18191b;          /* Slate 2 */
    --qeng-navbar-link: #b0b4ba;        /* Slate 11 - quiet until wanted */
    --qeng-navbar-link-hover: #edeef0;  /* Slate 12 */
    --qeng-navbar-item-hover-bg: rgba(158, 177, 255, 0.12);  /* Indigo 11 */
    --qeng-navbar-dark-link: rgba(237, 238, 240, 0.85);
    --qeng-navbar-toggler-bar: #9eb1ff; /* Indigo 11 */

    /* --- The old header ---------------------------------------------------- */
    --qeng-header-link: #b0b4ba;        /* Slate 11 */
    --qeng-header-link-hover: #9eb1ff;  /* Indigo 11 */
    --qeng-legacy-menu-link-hover: #ffca16;  /* Amber 11 */

    /* --- Profile and a player's own stats ---------------------------------- */
    --qeng-usp-grid: #2e3135;           /* Slate 5 */

    /* --- Rating stars ------------------------------------------------------ */
    --qeng-star-off: #43484e;           /* Slate 7 */
    --qeng-star-on: #ffc53d;            /* Amber 9 */
    --qeng-star-changing: #ffe7b3;      /* Amber 12 */

    /* --- The podium -------------------------------------------------------- */
    /* Gold, silver and bronze as Radix has them: the fill is step 3 of the hue,
       dark enough to leave the row a row, and the line is step 11, which is the
       step that reads as that metal. */
    --qeng-podium-1-bg: #302008;        /* Amber 3 */
    --qeng-podium-1-line: #ffca16;      /* Amber 11 */
    --qeng-podium-2-bg: #212225;        /* Slate 3 */
    --qeng-podium-2-line: #b0b4ba;      /* Slate 11 */
    --qeng-podium-3-bg: #262220;        /* Bronze 3 */
    --qeng-podium-3-line: #d4b3a5;      /* Bronze 11 */

    /* --- How a task counts -------------------------------------------------
       Section 0 marks these two [game], but the stats table fills its own
       cells with them - a task on pause, a task cancelled - and the stats
       table is a page of the site. Left at the engine's light greys they come
       out as the one pair of white columns on a dark table. */
    --qeng-task-pause-bg: #212225;      /* Slate 3 */
    --qeng-task-canceled-bg: #272a2d;   /* Slate 4 */

    /* --- Rating (rating.php) ----------------------------------------------- */
    --qeng-rating-special-bg: #182449;  /* Indigo 3 */
    --qeng-rating-special-text: #9eb1ff;  /* Indigo 11 */
    --qeng-rating-game-n-bg: #363a3f;   /* Slate 6 */
    --qeng-rating-game-n-text: #edeef0;  /* Slate 12 */

    /* --- Stats: header, rows, chips ---------------------------------------- */
    --qeng-stat-badge-bg: #ffc53d;      /* Amber 9 */
    --qeng-stat-badge-text: #111113;    /* Slate 1 - Amber 9 is a light fill */
    --qeng-stat-rule: #2e3135;          /* Slate 5 */
    --qeng-stat-row-hover-bg: #212225;  /* Slate 3 */
    --qeng-stat-stub-bg: #18191b;       /* Slate 2 */
    --qeng-stat-off-bg: #1d180f;        /* Amber 2 - a task that does not count */
    --qeng-stat-num-bg: #3e63dd;        /* Indigo 9 */
    --qeng-stat-num-off-bg: #363a3f;    /* Slate 6 */
    --qeng-stat-hidden: #ffca16;        /* Amber 11 */
    --qeng-stat-hide-icon: #696e77;     /* Slate 9 */
    --qeng-stat-note-pause: #b0b4ba;    /* Slate 11 */
    --qeng-stat-link: #b0b4ba;          /* Slate 11 */

    /* Two greys and not one, because the table has to say which of the two
       happened; on a dark table the deeper grey is the darker one. */
    --qeng-stat-cell-skipped-bg: #18191b;      /* Slate 2 */
    --qeng-stat-cell-unweighted-bg: #272a2d;   /* Slate 4 */

    /* --- Legend and team highlight ----------------------------------------- */
    --qeng-stat-legend-bg: #18191b;     /* Slate 2 */
    --qeng-stat-legend-text: #edeef0;   /* Slate 12 */

    /* --- Pinned columns ---------------------------------------------------- */
    --qeng-stat-pin-backdrop: #18191b;  /* Slate 2 */
    --qeng-stat-pin-line: #43484e;      /* Slate 7 */
    /* The shade a pinned column casts over what scrolls under it: black, so it
       darkens the row rather than washing it out. */
    --qeng-stat-pin-shade-rgb: 0 0 0;

    /* --- Movement between places ------------------------------------------- */
    --qeng-stat-place-up: #3dd68c;      /* Green 11 */
    --qeng-stat-place-down: #ff9592;    /* Red 11 */

    /* --- History slider ---------------------------------------------------- */
    --qeng-stat-history-bg: #18191b;    /* Slate 2 */
    --qeng-stat-slider-track: #363a3f;  /* Slate 6 */
    --qeng-stat-slider-fill: #3e63dd;   /* Indigo 9 */
    --qeng-stat-tick: rgba(158, 177, 255, 0.45);  /* Indigo 11 */
    --qeng-stat-tip-bg: #212225;        /* Slate 3 */
    --qeng-stat-tip-text: #edeef0;      /* Slate 12 */
}