/*
 * Theme "dark_radix" - The admin bar and the game editor.
 *
 * Part of the shared ground of css/theme/dark_radix/, not a screen of its own -
 * the admin bar hangs over the site and over the game alike, and the editor
 * is themed only where it is embedded in a game page. The admin pages and the
 * editors on pages of their own wear no theme at all.
 * 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.
 *
 * The night block repeats the day one: the editor is opened from inside a game
 * page too, and there `:root[data-theme="dark"]` is on the document.
 */

:root {
    /* --- Admin bars -------------------------------------------------------- */
    /* The bar is an overlay over the page, so it goes a step below it rather
       than a step above: Slate 1 under the Slate 2 cards. */
    --qeng-admin-bar-bg: #111113;       /* Slate 1 */

    /* --- The game editor (edit2) ------------------------------------------- */
    /* A row that is gone but still takes up its place, and the gap a dragged
       task will fall into. Both are the page showing through the card, which on
       a dark theme means darker than the card and not lighter. */
    --qeng-edit-dead-bg: #18191b;       /* Slate 2 */
    --qeng-edit-dead-text: #696e77;     /* Slate 9 */
    --qeng-edit-dead-border: #272a2d;   /* Slate 4 */
    --qeng-edit-drop-bg: #212225;       /* Slate 3 */
    --qeng-edit-drop-line: #3e63dd;     /* Indigo 9 */
}

:root[data-theme="dark"] {
    --qeng-admin-bar-bg: #111113;       /* Slate 1 */

    --qeng-edit-dead-bg: #18191b;       /* Slate 2 */
    --qeng-edit-dead-text: #696e77;     /* Slate 9 */
    --qeng-edit-dead-border: #272a2d;   /* Slate 4 */
    --qeng-edit-drop-bg: #212225;       /* Slate 3 */
    --qeng-edit-drop-line: #3e63dd;     /* Indigo 9 */
}