/*
 * Atic Atac's pages at night: a blue so dark it is nearly black, light text, and
 * SkoolKit's colours brightened towards the Spectrum's own -- cyan links, red
 * labels and addresses, green instructions, yellow bytes -- so that each keeps
 * its meaning and can still be read on the dark ground.
 *
 * Loaded after SkoolKit's skoolkit.css (StyleSheet in aticatac.ref), so it
 * only overrides colours.
 */

body {
  background-color: #07071c;
  color: #e8e8f4;
}

a {
  color: #5fd7ff;
}
a:hover, a.map-entry-title:hover {
  color: #ffff55;
}

/* Boxes and list entries: a shade up from the page, alternating. */
div.box-1, div.list-entry-1 {
  background-color: #10103c;
}
div.box-2, div.list-entry-2 {
  background-color: #15154a;
}

/* Tables. */
table table.default th, table.default th, table.map th {
  background-color: #1e1e60;
}
table table.default td, table.default td, table.map td {
  background-color: #10103c;
}
table.asm-navigation td {
  background-color: #10103c;
}
table.input td, table.output td {
  background-color: #10103c;
}
table.input th, table.output th {
  background-color: #1e1e60;
}

/* The disassembly itself. */
td.asm-label, td.address-1, td.address-2 {
  color: #ff7070;
}
td.bytes {
  color: #e6e650;
}
td.instruction, td.register, span.register {
  color: #7cf07c;
}
td.comment-1 {
  background-color: #0c0c30;
}

/* The memory maps' kinds of entry. */
td.map-c-desc {
  color: #ff8cff;
}
td.map-b-desc, td.map-w-desc {
  color: #7cf07c;
}
td.map-g-desc {
  color: #ff9a9a;
}
td.map-t-desc {
  color: #b8b8c8;
}
div.map-entry-title-11, div.map-entry-desc, td.map-s-desc, td.map-u-desc {
  color: #e8e8f4;
}

/* The castle map's layers: a checkbox per layer, before the drawings, shows or
   hides a group of markers in every floor's SVG. No script: the boxes are
   earlier siblings of the div that holds all five floors, so a selector can
   reach it. build_aticatac.py's MAP_LAYERS names the layers. */
svg g.aa-layer { display: none; }
#aa-layer-acg:checked ~ div.aa-map g.aa-layer-acg,
#aa-layer-keys:checked ~ div.aa-map g.aa-layer-keys,
#aa-layer-objects:checked ~ div.aa-map g.aa-layer-objects,
#aa-layer-food:checked ~ div.aa-map g.aa-layer-food,
#aa-layer-monsters:checked ~ div.aa-map g.aa-layer-monsters,
#aa-layer-mushrooms:checked ~ div.aa-map g.aa-layer-mushrooms,
#aa-layer-start:checked ~ div.aa-map g.aa-layer-start,
#aa-layer-acgdoor:checked ~ div.aa-map g.aa-layer-acgdoor,
#aa-layer-trapdoors:checked ~ div.aa-map g.aa-layer-trapdoors { display: inline; }
input.aa-toggle { margin-left: 1em; }
input.aa-toggle:first-child { margin-left: 0; }
span.aa-key {
  display: inline-block; width: 0.8em; height: 0.8em; border-radius: 50%;
  border: 1px solid #000; margin: 0 0.35em 0 0.2em; vertical-align: -0.05em;
}
div.aa-key { margin: 0.8em 0; font-size: 90%; }
div.aa-key p { margin: 0.3em 0; }