/* Generated by website/build.mjs from src/components/theme.ts (V4 "Indigo"). Do not edit by hand. */
@font-face {
  font-family: 'Nunito';
  src: url('fonts/nunito-regular-latin.woff') format('woff');
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: 'Nunito';
  src: url('fonts/nunito-semibold-latin.woff') format('woff');
  font-weight: 600;
  font-display: swap;
}
@font-face {
  font-family: 'Nunito';
  src: url('fonts/nunito-extrabold-latin.woff') format('woff');
  font-weight: 800;
  font-display: swap;
}
:root {
  /* The app's map is harbour navy in both schemes; the world around it follows the scheme (--world and the rest). */
  --harbour: #171E35;
  --night: #0F1322;
  --harbour-rule: #35415E;
  --harbour-tile: #7382A7;
  --on-harbour: #F6F7FF;
  --on-harbour-muted: #B9C2DB;
  --harbour-action: #A5B4FC;
  --on-harbour-action: #161B36;
  --h0: #1C83B9;
  --h1: #869BFF;
  --h2: #DA58B1;
  --h3: #9C7EFE;
}
/* System (no data-theme: the default, and the page without JavaScript) follows the device's setting; the theme control
   (assets/theme.js) sets data-theme to "light" or "dark" when the visitor chooses one. */
:root {
  color-scheme: light;
  --ground: #F6F7FB;
  --surface: #FFFFFF;
  --line: #DDE0EA;
  --ink: #1C2238;
  --muted: #586075;
  --indigo: #4F46E5;
  --on-indigo: #FFFFFF;
  --indigo-edge: #3730A3;
  --selected: #EEEDFF;
  --success: #2E7D32;
  --success-bg: #E8F5E5;
  --danger: #C62D2D;
  --danger-bg: #FBE7E7;
  --t0: #02578B;
  --t1: #526FFB;
  --t2: #910369;
  --t3: #8D5BED;
  --world: #ECEEF5;
  --world-far: #F8F9FC;
  --world-deep: #DCE1EC;
  --on-world: #1C2238;
  --on-world-muted: #4F5770;
  --on-world-text: #2A3148;
  --world-action: #4F46E5;
  --on-world-action: #FFFFFF;
  --world-action-hover: #3730A3;
  --world-rule: #C3C8D6;
  --world-sink: #FFFFFF;
  --world-raise: #FFFFFF;
  --world-edge: rgb(28 34 56 / 0.1);
  --world-halo: 0 0 1px #ECEEF5, 0 0 3px #ECEEF5, 0 0 8px rgb(236 238 245 / 0.95), 0 0 18px rgb(236 238 245 / 0.9);
  --seg-track: rgb(28 34 56 / 0.07);
  --seg-thumb: #FFFFFF;
  --seg-thumb-shadow: 0 1px 2px rgb(28 34 56 / 0.16), 0 0 0 0.5px rgb(28 34 56 / 0.1);
  --glow-a: 0.3;
  --drop-sheet: rgb(28 34 56 / 0.22);
  --drop-device: rgb(28 34 56 / 0.38);
  --drop-label: rgb(28 34 56 / 0.3);
  --card-drop: rgb(28 34 56 / 0.18);
  --map-card: #171E35;
  --map-tiles: #171E35;
  --floor-ground: #E1E5EE;
  --floor-slab: #D8DDE9;
  --floor-0: #8EB2CB;
  --floor-1: #AEBBF7;
  --floor-2: #C890BD;
  --floor-3: #C6B3F2;
  --floor-g0: #0B446E;
  --floor-g1: #3F54B7;
  --floor-g2: #680E58;
  --floor-g3: #6547AE;
  --gl-fog: #ECEEF5;
  --gl-veil-far: #F8F9FC;
  --gl-veil-world: #ECEEF5;
  --gl-veil-deep: #DCE1EC;
  --gl-veil-glow: 0.12;
  --gl-veil-a: 0.34;
  --gl-fade: #ECEEF5;
  --gl-mix: #ECEEF5;
  --gl-mix-k: 0.56;
  --gl-line: #7C8397;
  --gl-halo: #4F46E5;
  --gl-ground: #E2E6EF #E5E8F1 #DFE3ED #E7EAF2;
  --gl-hemi-sky: #F1F3FF;
  --gl-hemi-ground: #AEB6CC;
  --gl-hemi-k: 1.3;
  --gl-rim-k: 0.35;
  --gl-glow-k: 0.3;
  --gl-shadow-k: 0.5;
  --gl-hue-0: #02578B;
  --gl-hue-1: #526FFB;
  --gl-hue-2: #910369;
  --gl-hue-3: #8D5BED;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme='light']) {
    color-scheme: dark;
    --ground: #0F1322;
    --surface: #191F33;
    --line: #323C57;
    --ink: #F2F4FF;
    --muted: #AFB9D2;
    --indigo: #A5B4FC;
    --on-indigo: #161B36;
    --indigo-edge: #818CF8;
    --selected: #262C4A;
    --success: #7FD67F;
    --success-bg: #16301A;
    --danger: #FF8A80;
    --danger-bg: #3A1816;
    --t0: #1C83B9;
    --t1: #869BFF;
    --t2: #DA58B1;
    --t3: #9C7EFE;
    --world: #171E35;
    --world-far: #0F1322;
    --world-deep: #222C55;
    --on-world: #F6F7FF;
    --on-world-muted: #B9C2DB;
    --on-world-text: #B9C2DB;
    --world-action: #A5B4FC;
    --on-world-action: #161B36;
    --world-action-hover: #BAC5FD;
    --world-rule: #35415E;
    --world-sink: #0F1322;
    --world-raise: #171E35;
    --world-edge: transparent;
    --world-halo: 0 1px 18px rgb(15 19 34 / 0.9);
    --seg-track: rgb(15 19 34 / 0.6);
    --seg-thumb: rgb(246 247 255 / 0.14);
    --seg-thumb-shadow: none;
    --glow-a: 1;
    --drop-sheet: rgb(2 4 16 / 0.85);
    --drop-device: rgb(2 4 16 / 0.9);
    --drop-label: rgb(0 0 0 / 0.55);
    --card-drop: transparent;
    --map-card: rgb(15 19 34 / 0.86);
    --map-tiles: rgb(15 19 34 / 0.62);
    --floor-ground: #1A2140;
    --floor-slab: #171E35;
    --floor-0: #19486C;
    --floor-1: #46538A;
    --floor-2: #693669;
    --floor-3: #4F4689;
    --floor-g0: #3A83B3;
    --floor-g1: #7F92E0;
    --floor-g2: #B667AE;
    --floor-g3: #8E7FE0;
    --gl-fog: #171E35;
    --gl-veil-far: #0F1322;
    --gl-veil-world: #171E35;
    --gl-veil-deep: #222C55;
    --gl-veil-glow: 0.42;
    --gl-veil-a: 0.55;
    --gl-fade: #000000;
    --gl-mix: #171E35;
    --gl-mix-k: 1;
    --gl-line: #7382A7;
    --gl-halo: #C7CFFF;
    --gl-ground: #131931 #151C36 #11172D #171E39;
    --gl-hemi-sky: #9AA6FF;
    --gl-hemi-ground: #0B0F20;
    --gl-hemi-k: 1;
    --gl-rim-k: 1;
    --gl-glow-k: 1;
    --gl-shadow-k: 1;
    --gl-hue-0: #1C83B9;
    --gl-hue-1: #869BFF;
    --gl-hue-2: #DA58B1;
    --gl-hue-3: #9C7EFE;
  }
}
:root[data-theme='dark'] {
  color-scheme: dark;
  --ground: #0F1322;
  --surface: #191F33;
  --line: #323C57;
  --ink: #F2F4FF;
  --muted: #AFB9D2;
  --indigo: #A5B4FC;
  --on-indigo: #161B36;
  --indigo-edge: #818CF8;
  --selected: #262C4A;
  --success: #7FD67F;
  --success-bg: #16301A;
  --danger: #FF8A80;
  --danger-bg: #3A1816;
  --t0: #1C83B9;
  --t1: #869BFF;
  --t2: #DA58B1;
  --t3: #9C7EFE;
  --world: #171E35;
  --world-far: #0F1322;
  --world-deep: #222C55;
  --on-world: #F6F7FF;
  --on-world-muted: #B9C2DB;
  --on-world-text: #B9C2DB;
  --world-action: #A5B4FC;
  --on-world-action: #161B36;
  --world-action-hover: #BAC5FD;
  --world-rule: #35415E;
  --world-sink: #0F1322;
  --world-raise: #171E35;
  --world-edge: transparent;
  --world-halo: 0 1px 18px rgb(15 19 34 / 0.9);
  --seg-track: rgb(15 19 34 / 0.6);
  --seg-thumb: rgb(246 247 255 / 0.14);
  --seg-thumb-shadow: none;
  --glow-a: 1;
  --drop-sheet: rgb(2 4 16 / 0.85);
  --drop-device: rgb(2 4 16 / 0.9);
  --drop-label: rgb(0 0 0 / 0.55);
  --card-drop: transparent;
  --map-card: rgb(15 19 34 / 0.86);
  --map-tiles: rgb(15 19 34 / 0.62);
  --floor-ground: #1A2140;
  --floor-slab: #171E35;
  --floor-0: #19486C;
  --floor-1: #46538A;
  --floor-2: #693669;
  --floor-3: #4F4689;
  --floor-g0: #3A83B3;
  --floor-g1: #7F92E0;
  --floor-g2: #B667AE;
  --floor-g3: #8E7FE0;
  --gl-fog: #171E35;
  --gl-veil-far: #0F1322;
  --gl-veil-world: #171E35;
  --gl-veil-deep: #222C55;
  --gl-veil-glow: 0.42;
  --gl-veil-a: 0.55;
  --gl-fade: #000000;
  --gl-mix: #171E35;
  --gl-mix-k: 1;
  --gl-line: #7382A7;
  --gl-halo: #C7CFFF;
  --gl-ground: #131931 #151C36 #11172D #171E39;
  --gl-hemi-sky: #9AA6FF;
  --gl-hemi-ground: #0B0F20;
  --gl-hemi-k: 1;
  --gl-rim-k: 1;
  --gl-glow-k: 1;
  --gl-shadow-k: 1;
  --gl-hue-0: #1C83B9;
  --gl-hue-1: #869BFF;
  --gl-hue-2: #DA58B1;
  --gl-hue-3: #9C7EFE;
}