/* The house's colours, copied from gamenight's tools/tailwind/input.css
   (3ace2a7). light-dark() picks by color-scheme: light is day, dark is night. */
:root {
  color-scheme: light;
  --house-paper: light-dark(#f4eedd, #1f2130);
  --house-ink: light-dark(#2b2833, #ece4cf);
  --house-pencil: light-dark(#5c5866, #b3adc0);
  --house-lamp: light-dark(#f2b632, #f5c451);
  --house-lamp-soft: light-dark(#f2b63240, #f5c45133);
  --house-sky: light-dark(#3f4f9a, #7d8ad0);
  --house-sky-op: 0.55;    /* how dark the night's hatching is */
  --house-wash-op: 0.85;   /* how strong a wash of colour is */
  --house-moon: #f6ebc4;
  --house-house: light-dark(#dcb9a2, #6a5260);
  --house-roof: light-dark(#9a5d55, #84505a);
  --house-door: light-dark(#b5543c, #a8513f);
  --house-stone: light-dark(#bdb4a6, #5d5852);
  --house-grass: light-dark(#7fa86a, #3f6a3a);
  --house-wood: light-dark(#c99764, #9a6b45);
  --house-wood-dark: light-dark(#8a5d36, #6a4630);
  --house-floor: light-dark(#dcc29a, #4a3a2c);
  --house-soot: light-dark(#3a302c, #0e0c10);
  --house-skin: light-dark(#efcfae, #d9b08c);
  --house-hair: light-dark(#6b4e3a, #3a2a22);
  --house-screen: light-dark(#262a3d, #0b0d16);  /* a window at night, a TV that is off */
  --house-couch: light-dark(#b08ac4, #6e4f82);
  --house-red: light-dark(#d9604c, #d9705c);
  --house-tv: light-dark(#a9cbe8, #6f9cc8);
  --house-brick: light-dark(#b0583f, #7e4334);
  --house-brick-line: light-dark(#7a3526, #4a2620);
  --house-shingle: light-dark(#6e5d55, #4d413d);
  --house-bark: light-dark(#8c8077, #6c625b);
  --house-bush: light-dark(#5f8a4a, #3a5a32);
  --house-leaf-gold: light-dark(#ecbb2e, #c99a2a);
  --house-leaf-red: light-dark(#d9532f, #b8492c);
  --house-street: light-dark(#8d8a86, #3c3b3a);
  --house-go: light-dark(#4f8a3c, #8cc070);      /* a game you can set up */
  --house-card: light-dark(#fffaf0, #efe6d2);
  --house-board: light-dark(#ece6d6, #d9d0bb);
  --house-controller: light-dark(#3a3640, #25222b);
  --house-bot: light-dark(#9a96a3, #7d7988);
  --house-tv-off: #8a87a0;
  --house-star: #ece4cf;
  --house-ink-fixed: #2b2833;
  --house-label: #fdf8ec;
  --house-piece-light: #fdf8ec;
  --house-piece-dark: #2b2833;
  --house-suit-red: #c0392b;
  --house-person-0: #5b9bd5;
  --house-person-1: #e59a3c;
  --house-person-2: #7fb65a;
  --house-person-3: #d27aa6;
  --house-person-4: #9a85d6;
  --house-person-5: #c9a227;
  --house-person-6: #4fa89a;
  --house-person-7: #e07a8f;
  --house-box: #6b6157;
}
/* The TV's scenes: more of the world, in more colours. */
:root {
  --house-sky-wash: light-dark(#c4d4ea, #262a44);
  --house-cloud: light-dark(#f7f5ee, #3a3d55);
  --house-cloud-shade: light-dark(#d9dfe9, #2e3148);
  --house-leaf-gold-light: light-dark(#f6d64e, #d4b23a);
  --house-leaf-gold-deep: light-dark(#cf9416, #9a6e18);
  --house-leaf-green: light-dark(#bdb83a, #7f7c2a);
  --house-leaf-orange: light-dark(#ea7a2c, #b45a24);
  --house-leaf-brown: light-dark(#a8642e, #6e4422);
  --house-mulch: light-dark(#a35a3a, #5a3426);
  --house-siding: light-dark(#eeeae0, #8a8678);
  --house-trim: light-dark(#d6a865, #9a7442);
  --house-cream: light-dark(#f3ead6, #b8ae98);
  --house-glass: light-dark(#4a4f5e, #f2b632);
  --house-shade: light-dark(#3a2a3088, #00000088);
  --house-evergreen: light-dark(#3f6a3e, #23402a);
  --house-bark-dark: light-dark(#5e534c, #3c3530);
  --house-asphalt: light-dark(#5f5d5c, #2c2b2b);
  --house-lawn: light-dark(#97a463, #4a5a34);
  --house-concrete: light-dark(#cfcac0, #6a665f);
}
.hs-s { fill: none; stroke-linecap: round; stroke-linejoin: round; vector-effect: non-scaling-stroke; }
.hs-kf { fill: none; stroke-width: 0.9px; stroke-linecap: round; vector-effect: non-scaling-stroke; }
/* The TV's pencil is finer than the site's: 1.5px, not 2.3px, at a page
   twice the site's size, so the house doesn't read as a colouring book on a
   65-inch screen. */
.hs-k { fill: none; stroke: var(--house-ink); stroke-width: 1.5px; stroke-linecap: round; stroke-linejoin: round; vector-effect: non-scaling-stroke; }
.hs-kt { fill: none; stroke: var(--house-ink); stroke-width: 1px; stroke-linecap: round; vector-effect: non-scaling-stroke; }
.hs-w { opacity: var(--house-wash-op); }
.hs-h { fill: none; stroke-width: 1; stroke-linecap: round; opacity: 0.6; }
.hs-sky { fill: none; stroke: var(--house-sky); stroke-width: 1.1; stroke-linecap: round; opacity: var(--house-sky-op); }
.hs-t { fill: var(--house-pencil); font-family: var(--hand); }
.hs-tb { fill: var(--house-label); font-family: var(--hand); }
.hs-ti { fill: var(--house-ink-fixed); font-family: var(--hand); }
.hs-tv-off { fill: var(--house-tv-off); font-family: var(--hand); }
.hs-star { fill: var(--house-star); }