/* GENERATED by tools/std-colours.mjs from ui/concept/standard/colours/schemes.js.
   Do not edit by hand: change the scheme data and run the generator
   (tests/concept_std_colours.test.js fails when this file and the data disagree).

   Standard's colours, under #app.concept-std and its body-level siblings (the
   dialog, the toasts, the drawer and the guided tour) only, so Mint and every
   other layout never see them. Default scheme:
   "astral". */

#app.concept-std,
#app.concept-std ~ dialog.modal,
#app.concept-std ~ #toasts,
#app.concept-std ~ dialog.drawer,
#app.concept-std ~ .tut-root {
  --st-bg:            #050911;
  --st-bg-1:          #081328;
  --st-bg-2:          #091121;
  --st-panel:         #0f1a2d;
  --st-panel-raised:  #15233b;
  --st-panel-3:       #1d2d48;
  --st-line:          #375175;
  --st-line-mid:      #243753;
  --st-line-soft:     #1b293f;
  --st-edge-ui:       #5576a3;
  --st-track:         #283a54;
  --st-grabber:       #7085a1;
  --st-text:          #f3efe5;
  --st-muted:         #d7d2c8;
  --st-text-3:        #b5c2d2;
  --st-text-4:        #a9bbd0;
  --st-accent:        #ff8a1f;
  --st-accent-ink:    #241104;
  --st-link:          #9ac4f9;
  --st-link-deep:     #1a3d6b;
  --st-success:       #66da85;
  --st-warning:       #f8d84e;
  --st-warning-ink:   #261b00;
  --st-danger:        #fe6e97;
  --st-warning-bg:    #312810;
  --st-danger-bg:     #391a21;
  --st-success-bg:    #122d1d;
  --st-accent-bg:     #312016;
  --st-link-dim:      rgba(154, 196, 249, 0.13);
  --st-warning-dim:   rgba(248, 216, 78, 0.13);
  --st-success-dim:   rgba(102, 218, 133, 0.13);
  --st-danger-dim:    rgba(254, 110, 151, 0.09);
  --st-scrim:         rgba(2, 4, 11, 0.68);
  --st-glass:         rgba(5, 9, 17, 0.72);
  --st-glass-soft:    rgba(5, 9, 17, 0.45);
  --st-hero-fade:     rgba(5, 9, 17, 0.55);
  --st-hero-glow:     rgba(46, 117, 242, 0.16);
  --st-hero-edge:     rgba(255, 138, 31, 0.4);
  --st-art-ink:       #ffffff;
  --st-art-ink-2:     #e9e4da;
  --st-band:          rgba(5, 9, 17, 0.91);
  --st-band-soft:     rgba(8, 19, 40, 0.65);
  --st-band-edge:     rgba(154, 196, 249, 0.16);
  --st-edge-glow:     rgba(46, 117, 242, 0.05);
  --st-glow:          rgba(255, 138, 31, 0.25);
  --st-clear:         rgba(0, 0, 0, 0);
  --st-print-zebra:   #e7e7e7;
  --st-zebra-2:       #070e1c;
  --st-print-paper:   #f3efe5;
  --st-print-ink:     #050911;
  --st-zebra:         #131f35;
  --st-th-bg:         #06122a;
  --st-hover:         #122440;
  --st-accent-hi:     #ffa65f;
  --st-accent-line:   #8e5224;
  --st-info:          #9db9d5;
  --st-info-ink:      #071727;
  --st-info-bg:       #142a41;
  --st-badge:         #c3d3e4;
  --st-badge-ink:     #0a162a;
  --st-focus:         #febf87;
  --st-selection:     rgba(46, 117, 242, 0.45);
  --st-success-ink:   #05210e;
  --st-warning-edge:  #f8d84e;
  --st-danger-ink:    #310c14;
  --st-allied:        #59a0f9;
  --st-you:           #ff8a1f;
  --st-neutral:       #bbb7af;
  --st-hostile:       #f8d84e;
  --st-war:           #fe6e97;
  --st-map-bg:        #02050d;
  --st-map-own:       #66da85;
  --st-map-ally:      #59a0f9;
  --st-map-contact:   #f8d84e;
  --st-map-combat:    #fc3d6d;
  --st-map-lane:      #4d6b91;
  --st-map-selected:  #fdf6e8;
  --st-map-star:      #f3efe5;
  --st-progress:      #77adf5;
  --st-progress-done: #66da85;
  --st-marker:        #fef8eb;
  --st-knob:          #adbcce;
  --st-pre-bg:        #03060d;
  --st-pre-text:      #e5e1d7;
  --st-shadow:        rgba(0, 0, 0, 0.55);
  --st-crest-core:    #1a3d6b;
  --st-crest-ring:    #ff8a1f;
  --st-crest-rim:     #08152c;
  --st-info-dim:      rgba(157, 185, 213, 0.13);
  --st-th-text:       #a9bbd0;
  --cmd-edge:         color-mix(in srgb, #5576a3 60%, #243753);
  --cmd-edge-lit:     color-mix(in srgb, #9ac4f9 55%, #9ac4f9);
  --cmd-glow-blue:    color-mix(in srgb, #9ac4f9 28%, transparent);
  --cmd-glow-cyan:    color-mix(in srgb, #9ac4f9 18%, transparent);
  --cmd-head-line:    linear-gradient(90deg, color-mix(in srgb, #9ac4f9 45%, transparent), transparent 70%);
  --cmd-chrome-bg:    color-mix(in srgb, #081328 70%, #091121);
  --cmd-chrome-line:  color-mix(in srgb, #243753 55%, #375175);
  --cmd-tab-ink:      color-mix(in srgb, #f3efe5 85%, white);
}

/* The drawer and the guided tour: the classic half too (OVERLAYS in the generator). */
#app.concept-std ~ dialog.drawer,
#app.concept-std ~ .tut-root {
  --bg-0:        #050911;
  --bg-1:        #081328;
  --bg-2:        #091121;
  --panel:       #0f1a2d;
  --panel-2:     #15233b;
  --panel-3:     #1d2d48;
  --line:        #243753;
  --line-soft:   #1b293f;
  --line-lit:    #375175;
  --edge-ui:     #5576a3;
  --blue:        #9ac4f9;
  --blue-lit:    #9ac4f9;
  --blue-deep:   #1a3d6b;
  --blue-dim:    rgba(154, 196, 249, 0.13);
  --amber:       #f8d84e;
  --amber-dim:   rgba(248, 216, 78, 0.13);
  --cyan:        #9ac4f9;
  --cyan-dim:    rgba(154, 196, 249, 0.13);
  --green:       #66da85;
  --green-dim:   rgba(102, 218, 133, 0.13);
  --danger:      #fe6e97;
  --danger-dim:  rgba(254, 110, 151, 0.09);
  --text:        #f3efe5;
  --text-2:      #d7d2c8;
  --text-3:      #b5c2d2;
  --text-4:      #a9bbd0;
  --tab-current: #ff8a1f;
  --on-accent:   #000000;
  --on-danger:   #000000;
}

/* The tour's text inherits body's colour; resolve it against Standard's --text. */
#app.concept-std ~ .tut-root {
  color: var(--text);
}

/* Colour vision: deuteranopia. Only the roles it changes. */
html[data-vision="deuteranopia"] #app.concept-std,
html[data-vision="deuteranopia"] #app.concept-std ~ dialog.modal,
html[data-vision="deuteranopia"] #app.concept-std ~ #toasts,
html[data-vision="deuteranopia"] #app.concept-std ~ dialog.drawer,
html[data-vision="deuteranopia"] #app.concept-std ~ .tut-root {
  --st-success:       #7be077;
  --st-warning:       #fbed50;
  --st-warning-ink:   #221d00;
  --st-danger:        #a491ff;
  --st-warning-bg:    #2d2a08;
  --st-danger-bg:     #25213a;
  --st-success-bg:    #172d16;
  --st-warning-dim:   rgba(251, 237, 80, 0.13);
  --st-success-dim:   rgba(123, 224, 119, 0.13);
  --st-danger-dim:    rgba(164, 145, 255, 0.09);
  --st-success-ink:   #011b27;
  --st-warning-edge:  #fbed50;
  --st-danger-ink:    #290b21;
  --st-allied:        #92d4ff;
  --st-hostile:       #fbed50;
  --st-war:           #a491ff;
  --st-map-own:       #7be077;
  --st-map-ally:      #92d4ff;
  --st-map-contact:   #fbed50;
  --st-map-combat:    #9477fc;
  --st-progress-done: #7be077;
}

html[data-vision="deuteranopia"] #app.concept-std ~ dialog.drawer,
html[data-vision="deuteranopia"] #app.concept-std ~ .tut-root {
  --amber:      #fbed50;
  --amber-dim:  rgba(251, 237, 80, 0.13);
  --green:      #7be077;
  --green-dim:  rgba(123, 224, 119, 0.13);
  --danger:     #a491ff;
  --danger-dim: rgba(164, 145, 255, 0.09);
}

/* Colour vision: protanopia. Only the roles it changes. */
html[data-vision="protanopia"] #app.concept-std,
html[data-vision="protanopia"] #app.concept-std ~ dialog.modal,
html[data-vision="protanopia"] #app.concept-std ~ #toasts,
html[data-vision="protanopia"] #app.concept-std ~ dialog.drawer,
html[data-vision="protanopia"] #app.concept-std ~ .tut-root {
  --st-success:       #7be077;
  --st-warning:       #fbed50;
  --st-warning-ink:   #221d00;
  --st-danger:        #a491ff;
  --st-warning-bg:    #2d2a08;
  --st-danger-bg:     #25213a;
  --st-success-bg:    #172d16;
  --st-warning-dim:   rgba(251, 237, 80, 0.13);
  --st-success-dim:   rgba(123, 224, 119, 0.13);
  --st-danger-dim:    rgba(164, 145, 255, 0.09);
  --st-success-ink:   #011b27;
  --st-warning-edge:  #fbed50;
  --st-danger-ink:    #290b21;
  --st-allied:        #92d4ff;
  --st-hostile:       #fbed50;
  --st-war:           #a491ff;
  --st-map-own:       #7be077;
  --st-map-ally:      #92d4ff;
  --st-map-contact:   #fbed50;
  --st-map-combat:    #9477fc;
  --st-progress-done: #7be077;
}

html[data-vision="protanopia"] #app.concept-std ~ dialog.drawer,
html[data-vision="protanopia"] #app.concept-std ~ .tut-root {
  --amber:      #fbed50;
  --amber-dim:  rgba(251, 237, 80, 0.13);
  --green:      #7be077;
  --green-dim:  rgba(123, 224, 119, 0.13);
  --danger:     #a491ff;
  --danger-dim: rgba(164, 145, 255, 0.09);
}

/* Colour vision: tritanopia. Only the roles it changes. */
html[data-vision="tritanopia"] #app.concept-std,
html[data-vision="tritanopia"] #app.concept-std ~ dialog.modal,
html[data-vision="tritanopia"] #app.concept-std ~ #toasts,
html[data-vision="tritanopia"] #app.concept-std ~ dialog.drawer,
html[data-vision="tritanopia"] #app.concept-std ~ .tut-root {
  --st-success:       #09eeae;
  --st-warning:       #fda0fd;
  --st-warning-ink:   #221d00;
  --st-danger:        #d976fe;
  --st-warning-bg:    #352035;
  --st-danger-bg:     #2f1d36;
  --st-success-bg:    #072e20;
  --st-warning-dim:   rgba(253, 160, 253, 0.13);
  --st-success-dim:   rgba(9, 238, 174, 0.13);
  --st-danger-dim:    rgba(217, 118, 254, 0.09);
  --st-success-ink:   #011b27;
  --st-warning-edge:  #fda0fd;
  --st-danger-ink:    #290b21;
  --st-allied:        #31b0c6;
  --st-hostile:       #fda0fd;
  --st-war:           #d976fe;
  --st-map-own:       #09eeae;
  --st-map-ally:      #31b0c6;
  --st-map-contact:   #fda0fd;
  --st-map-combat:    #be66df;
  --st-progress-done: #09eeae;
}

html[data-vision="tritanopia"] #app.concept-std ~ dialog.drawer,
html[data-vision="tritanopia"] #app.concept-std ~ .tut-root {
  --amber:      #fda0fd;
  --amber-dim:  rgba(253, 160, 253, 0.13);
  --green:      #09eeae;
  --green-dim:  rgba(9, 238, 174, 0.13);
  --danger:     #d976fe;
  --danger-dim: rgba(217, 118, 254, 0.09);
}

/* Colour vision: monochrome. Only the roles it changes. */
html[data-vision="monochrome"] #app.concept-std,
html[data-vision="monochrome"] #app.concept-std ~ dialog.modal,
html[data-vision="monochrome"] #app.concept-std ~ #toasts,
html[data-vision="monochrome"] #app.concept-std ~ dialog.drawer,
html[data-vision="monochrome"] #app.concept-std ~ .tut-root {
  --st-bg:            #0b0b0b;
  --st-bg-1:          #181818;
  --st-bg-2:          #151515;
  --st-panel:         #1e1e1e;
  --st-panel-raised:  #282828;
  --st-panel-3:       #333333;
  --st-line:          #565656;
  --st-line-mid:      #3b3b3b;
  --st-line-soft:     #2d2d2d;
  --st-edge-ui:       #7c7c7c;
  --st-track:         #3e3e3e;
  --st-grabber:       #898989;
  --st-text:          #ececec;
  --st-muted:         #d0d0d0;
  --st-text-3:        #c3c3c3;
  --st-text-4:        #bdbdbd;
  --st-accent:        #8f8f8f;
  --st-accent-ink:    #141414;
  --st-link:          #b0b0b0;
  --st-link-deep:     #363636;
  --st-success:       #b1b1b1;
  --st-warning:       #d6d6d6;
  --st-warning-ink:   #121212;
  --st-danger:        #ffffff;
  --st-warning-bg:    #242424;
  --st-danger-bg:     #242424;
  --st-success-bg:    #242424;
  --st-accent-bg:     #242424;
  --st-link-dim:      rgba(176, 176, 176, .13);
  --st-warning-dim:   rgba(214, 214, 214, .13);
  --st-success-dim:   rgba(177, 177, 177, .13);
  --st-danger-dim:    rgba(255, 255, 255, .12);
  --st-scrim:         rgba(7, 7, 7, .68);
  --st-glass:         rgba(11, 11, 11, .72);
  --st-glass-soft:    rgba(11, 11, 11, .45);
  --st-hero-fade:     rgba(11, 11, 11, .55);
  --st-hero-glow:     rgba(176, 176, 176, .17);
  --st-hero-edge:     rgba(143, 143, 143, .4);
  --st-art-ink-2:     #e2e2e2;
  --st-band:          rgba(11, 11, 11, .91);
  --st-band-soft:     rgba(24, 24, 24, .65);
  --st-band-edge:     rgba(202, 202, 202, .16);
  --st-edge-glow:     rgba(144, 144, 144, .05);
  --st-glow:          rgba(143, 143, 143, .25);
  --st-zebra-2:       #121212;
  --st-print-paper:   #ececec;
  --st-print-ink:     #0b0b0b;
  --st-zebra:         #242424;
  --st-th-bg:         #181818;
  --st-hover:         #292929;
  --st-accent-hi:     #afafaf;
  --st-accent-line:   #595959;
  --st-info:          #b9b9b9;
  --st-info-ink:      #171717;
  --st-info-bg:       #2a2a2a;
  --st-badge:         #d3d3d3;
  --st-badge-ink:     #1a1a1a;
  --st-focus:         #c3c3c3;
  --st-selection:     rgba(144, 144, 144, .45);
  --st-success-ink:   #131313;
  --st-warning-edge:  #a3a3a3;
  --st-danger-ink:    #1f1f1f;
  --st-allied:        #a9a9a9;
  --st-you:           #8f8f8f;
  --st-neutral:       #b5b5b5;
  --st-hostile:       #d6d6d6;
  --st-war:           #ffffff;
  --st-map-bg:        #070707;
  --st-map-own:       #b1b1b1;
  --st-map-ally:      #a9a9a9;
  --st-map-contact:   #d6d6d6;
  --st-map-combat:    #ffffff;
  --st-map-lane:      #6f6f6f;
  --st-map-selected:  #f3f3f3;
  --st-map-star:      #ececec;
  --st-progress:      #b6b6b6;
  --st-progress-done: #b1b1b1;
  --st-marker:        #f4f4f4;
  --st-knob:          #bebebe;
  --st-pre-bg:        #080808;
  --st-pre-text:      #dedede;
  --st-shadow:        rgba(0, 0, 0, .55);
  --st-crest-core:    #434343;
  --st-crest-ring:    #8f8f8f;
  --st-crest-rim:     #1a1a1a;
  --st-info-dim:      rgba(185, 185, 185, .13);
  --st-th-text:       #bdbdbd;
  --cmd-edge:         color-mix(in srgb, #7c7c7c 60%, #3b3b3b);
  --cmd-edge-lit:     color-mix(in srgb, #b0b0b0 55%, #b0b0b0);
  --cmd-glow-blue:    color-mix(in srgb, #b0b0b0 28%, transparent);
  --cmd-glow-cyan:    color-mix(in srgb, #b0b0b0 18%, transparent);
  --cmd-head-line:    linear-gradient(90deg, color-mix(in srgb, #b0b0b0 45%, transparent), transparent 70%);
  --cmd-chrome-bg:    color-mix(in srgb, #181818 70%, #151515);
  --cmd-chrome-line:  color-mix(in srgb, #3b3b3b 55%, #565656);
  --cmd-tab-ink:      color-mix(in srgb, #ececec 85%, white);
}

html[data-vision="monochrome"] #app.concept-std ~ dialog.drawer,
html[data-vision="monochrome"] #app.concept-std ~ .tut-root {
  --bg-0:        #0b0b0b;
  --bg-1:        #181818;
  --bg-2:        #151515;
  --panel:       #1e1e1e;
  --panel-2:     #282828;
  --panel-3:     #333333;
  --line:        #3b3b3b;
  --line-soft:   #2d2d2d;
  --line-lit:    #565656;
  --edge-ui:     #7c7c7c;
  --blue:        #b0b0b0;
  --blue-lit:    #b0b0b0;
  --blue-deep:   #363636;
  --blue-dim:    rgba(176, 176, 176, .13);
  --amber:       #d6d6d6;
  --amber-dim:   rgba(214, 214, 214, .13);
  --cyan:        #b0b0b0;
  --cyan-dim:    rgba(176, 176, 176, .12);
  --green:       #9c9c9c;
  --green-dim:   rgba(156, 156, 156, .13);
  --danger:      #ffffff;
  --danger-dim:  rgba(255, 255, 255, .12);
  --text:        #ececec;
  --text-2:      #d0d0d0;
  --text-3:      #c3c3c3;
  --text-4:      #bdbdbd;
  --tab-current: #8f8f8f;
}

/* Themeless: the neutral black set, as the scheme supplies it. */
html[data-look="themeless"] #app.concept-std,
html[data-look="themeless"] #app.concept-std ~ dialog.modal,
html[data-look="themeless"] #app.concept-std ~ #toasts,
html[data-look="themeless"] #app.concept-std ~ dialog.drawer,
html[data-look="themeless"] #app.concept-std ~ .tut-root {
  --st-bg:            #000000;
  --st-bg-1:          #060606;
  --st-bg-2:          #0a0a0a;
  --st-panel:         #0d0d0d;
  --st-panel-raised:  #151515;
  --st-panel-3:       #1d1d1d;
  --st-line:          #666666;
  --st-line-mid:      #5a5a5a;
  --st-line-soft:     #2a2a2a;
  --st-edge-ui:       #808080;
  --st-track:         #2e2e2e;
  --st-grabber:       #707070;
  --st-text:          #f2f2f2;
  --st-muted:         #c6c6c6;
  --st-text-3:        #b4b4b4;
  --st-text-4:        #a8a8a8;
  --st-accent:        #ff8a1f;
  --st-accent-ink:    #241104;
  --st-link:          #9ac4f9;
  --st-link-deep:     #1c3048;
  --st-success:       #66da85;
  --st-warning:       #f8d84e;
  --st-warning-ink:   #261b00;
  --st-danger:        #fe6e97;
  --st-warning-bg:    #271e08;
  --st-danger-bg:     #2d1216;
  --st-success-bg:    #0b2214;
  --st-accent-bg:     #2d180c;
  --st-link-dim:      rgba(154, 196, 249, 0.13);
  --st-warning-dim:   rgba(248, 216, 78, 0.13);
  --st-success-dim:   rgba(102, 218, 133, 0.13);
  --st-danger-dim:    rgba(254, 110, 151, 0.09);
  --st-scrim:         rgba(0, 0, 0, 0.72);
  --st-glass:         rgba(0, 0, 0, 0.8);
  --st-glass-soft:    rgba(0, 0, 0, 0.5);
  --st-hero-fade:     rgba(0, 0, 0, 0.55);
  --st-hero-glow:     rgba(0, 0, 0, 0);
  --st-hero-edge:     #666666;
  --st-art-ink:       #f2f2f2;
  --st-art-ink-2:     #c6c6c6;
  --st-band:          rgba(0, 0, 0, 0);
  --st-band-soft:     rgba(0, 0, 0, 0);
  --st-band-edge:     rgba(0, 0, 0, 0);
  --st-edge-glow:     rgba(0, 0, 0, 0);
  --st-glow:          rgba(0, 0, 0, 0);
  --st-clear:         rgba(0, 0, 0, 0);
  --st-print-zebra:   #e7e7e7;
  --st-zebra-2:       #080808;
  --st-print-paper:   #f2f2f2;
  --st-print-ink:     #000000;
  --st-zebra:         #151515;
  --st-th-bg:         #0a0a0a;
  --st-hover:         #0d0d0d;
  --st-accent-hi:     #ffa65f;
  --st-accent-line:   #884c1e;
  --st-info:          #9db9d5;
  --st-info-ink:      #071727;
  --st-info-bg:       #111f2e;
  --st-badge:         #c6c6c6;
  --st-badge-ink:     #0d0d0d;
  --st-focus:         #febf87;
  --st-selection:     rgba(46, 117, 242, 0.45);
  --st-success-ink:   #05210e;
  --st-warning-edge:  #f8d84e;
  --st-danger-ink:    #310c14;
  --st-allied:        #59a0f9;
  --st-you:           #ff8a1f;
  --st-neutral:       #b4b4b4;
  --st-hostile:       #f8d84e;
  --st-war:           #fe6e97;
  --st-map-bg:        #000000;
  --st-map-own:       #66da85;
  --st-map-ally:      #59a0f9;
  --st-map-contact:   #f8d84e;
  --st-map-combat:    #fc3d6d;
  --st-map-lane:      #5a5a5a;
  --st-map-selected:  #fdf6e8;
  --st-map-star:      #f2f2f2;
  --st-progress:      #77adf5;
  --st-progress-done: #66da85;
  --st-marker:        #ffffff;
  --st-knob:          #b8b8b8;
  --st-pre-bg:        #000000;
  --st-pre-text:      #e6e6e6;
  --st-shadow:        rgba(0, 0, 0, 0);
  --st-crest-core:    #1d1d1d;
  --st-crest-ring:    #ff8a1f;
  --st-crest-rim:     #1d1d1d;
  --st-info-dim:      rgba(157, 185, 213, 0.13);
  --st-th-text:       #a8a8a8;
  --cmd-edge:         color-mix(in srgb, #808080 60%, #5a5a5a);
  --cmd-edge-lit:     color-mix(in srgb, #9ac4f9 55%, #9ac4f9);
  --cmd-glow-blue:    color-mix(in srgb, #9ac4f9 28%, transparent);
  --cmd-glow-cyan:    color-mix(in srgb, #9ac4f9 18%, transparent);
  --cmd-head-line:    linear-gradient(90deg, color-mix(in srgb, #9ac4f9 45%, transparent), transparent 70%);
  --cmd-chrome-bg:    color-mix(in srgb, #060606 70%, #0a0a0a);
  --cmd-chrome-line:  color-mix(in srgb, #5a5a5a 55%, #666666);
  --cmd-tab-ink:      color-mix(in srgb, #f2f2f2 85%, white);
}

html[data-look="themeless"] #app.concept-std ~ dialog.drawer,
html[data-look="themeless"] #app.concept-std ~ .tut-root {
  --bg-0:        #000000;
  --bg-1:        #060606;
  --bg-2:        #0a0a0a;
  --panel:       #0d0d0d;
  --panel-2:     #151515;
  --panel-3:     #1d1d1d;
  --line:        #5a5a5a;
  --line-soft:   #2a2a2a;
  --line-lit:    #666666;
  --edge-ui:     #808080;
  --blue:        #9ac4f9;
  --blue-lit:    #9ac4f9;
  --blue-deep:   #1c3048;
  --blue-dim:    rgba(154, 196, 249, 0.13);
  --amber:       #f8d84e;
  --amber-dim:   rgba(248, 216, 78, 0.13);
  --cyan:        #9ac4f9;
  --cyan-dim:    rgba(154, 196, 249, 0.13);
  --green:       #66da85;
  --green-dim:   rgba(102, 218, 133, 0.13);
  --danger:      #fe6e97;
  --danger-dim:  rgba(254, 110, 151, 0.09);
  --text:        #f2f2f2;
  --text-2:      #c6c6c6;
  --text-3:      #b4b4b4;
  --text-4:      #a8a8a8;
  --tab-current: #ff8a1f;
  --on-accent:   #000000;
  --on-danger:   #000000;
}

/* Themeless with colour vision: deuteranopia. */
html[data-look="themeless"][data-vision="deuteranopia"] #app.concept-std,
html[data-look="themeless"][data-vision="deuteranopia"] #app.concept-std ~ dialog.modal,
html[data-look="themeless"][data-vision="deuteranopia"] #app.concept-std ~ #toasts,
html[data-look="themeless"][data-vision="deuteranopia"] #app.concept-std ~ dialog.drawer,
html[data-look="themeless"][data-vision="deuteranopia"] #app.concept-std ~ .tut-root {
  --st-success:       #7be077;
  --st-warning:       #fbed50;
  --st-warning-ink:   #221d00;
  --st-danger:        #a491ff;
  --st-warning-bg:    #232000;
  --st-danger-bg:     #1c1730;
  --st-success-bg:    #0d230c;
  --st-warning-dim:   rgba(251, 237, 80, 0.13);
  --st-success-dim:   rgba(123, 224, 119, 0.13);
  --st-danger-dim:    rgba(164, 145, 255, 0.09);
  --st-success-ink:   #011b27;
  --st-warning-edge:  #fbed50;
  --st-danger-ink:    #290b21;
  --st-allied:        #92d4ff;
  --st-hostile:       #fbed50;
  --st-war:           #a491ff;
  --st-map-own:       #7be077;
  --st-map-ally:      #92d4ff;
  --st-map-contact:   #fbed50;
  --st-map-combat:    #9477fc;
  --st-progress-done: #7be077;
}

html[data-look="themeless"][data-vision="deuteranopia"] #app.concept-std ~ dialog.drawer,
html[data-look="themeless"][data-vision="deuteranopia"] #app.concept-std ~ .tut-root {
  --amber:      #fbed50;
  --amber-dim:  rgba(251, 237, 80, 0.13);
  --green:      #7be077;
  --green-dim:  rgba(123, 224, 119, 0.13);
  --danger:     #a491ff;
  --danger-dim: rgba(164, 145, 255, 0.09);
}

/* Themeless with colour vision: protanopia. */
html[data-look="themeless"][data-vision="protanopia"] #app.concept-std,
html[data-look="themeless"][data-vision="protanopia"] #app.concept-std ~ dialog.modal,
html[data-look="themeless"][data-vision="protanopia"] #app.concept-std ~ #toasts,
html[data-look="themeless"][data-vision="protanopia"] #app.concept-std ~ dialog.drawer,
html[data-look="themeless"][data-vision="protanopia"] #app.concept-std ~ .tut-root {
  --st-success:       #7be077;
  --st-warning:       #fbed50;
  --st-warning-ink:   #221d00;
  --st-danger:        #a491ff;
  --st-warning-bg:    #232000;
  --st-danger-bg:     #1c1730;
  --st-success-bg:    #0d230c;
  --st-warning-dim:   rgba(251, 237, 80, 0.13);
  --st-success-dim:   rgba(123, 224, 119, 0.13);
  --st-danger-dim:    rgba(164, 145, 255, 0.09);
  --st-success-ink:   #011b27;
  --st-warning-edge:  #fbed50;
  --st-danger-ink:    #290b21;
  --st-allied:        #92d4ff;
  --st-hostile:       #fbed50;
  --st-war:           #a491ff;
  --st-map-own:       #7be077;
  --st-map-ally:      #92d4ff;
  --st-map-contact:   #fbed50;
  --st-map-combat:    #9477fc;
  --st-progress-done: #7be077;
}

html[data-look="themeless"][data-vision="protanopia"] #app.concept-std ~ dialog.drawer,
html[data-look="themeless"][data-vision="protanopia"] #app.concept-std ~ .tut-root {
  --amber:      #fbed50;
  --amber-dim:  rgba(251, 237, 80, 0.13);
  --green:      #7be077;
  --green-dim:  rgba(123, 224, 119, 0.13);
  --danger:     #a491ff;
  --danger-dim: rgba(164, 145, 255, 0.09);
}

/* Themeless with colour vision: tritanopia. */
html[data-look="themeless"][data-vision="tritanopia"] #app.concept-std,
html[data-look="themeless"][data-vision="tritanopia"] #app.concept-std ~ dialog.modal,
html[data-look="themeless"][data-vision="tritanopia"] #app.concept-std ~ #toasts,
html[data-look="themeless"][data-vision="tritanopia"] #app.concept-std ~ dialog.drawer,
html[data-look="themeless"][data-vision="tritanopia"] #app.concept-std ~ .tut-root {
  --st-success:       #09eeae;
  --st-warning:       #fda0fd;
  --st-warning-ink:   #221d00;
  --st-danger:        #d976fe;
  --st-warning-bg:    #2b172b;
  --st-danger-bg:     #25142b;
  --st-success-bg:    #002417;
  --st-warning-dim:   rgba(253, 160, 253, 0.13);
  --st-success-dim:   rgba(9, 238, 174, 0.13);
  --st-danger-dim:    rgba(217, 118, 254, 0.09);
  --st-success-ink:   #011b27;
  --st-warning-edge:  #fda0fd;
  --st-danger-ink:    #290b21;
  --st-allied:        #31b0c6;
  --st-hostile:       #fda0fd;
  --st-war:           #d976fe;
  --st-map-own:       #09eeae;
  --st-map-ally:      #31b0c6;
  --st-map-contact:   #fda0fd;
  --st-map-combat:    #be66df;
  --st-progress-done: #09eeae;
}

html[data-look="themeless"][data-vision="tritanopia"] #app.concept-std ~ dialog.drawer,
html[data-look="themeless"][data-vision="tritanopia"] #app.concept-std ~ .tut-root {
  --amber:      #fda0fd;
  --amber-dim:  rgba(253, 160, 253, 0.13);
  --green:      #09eeae;
  --green-dim:  rgba(9, 238, 174, 0.13);
  --danger:     #d976fe;
  --danger-dim: rgba(217, 118, 254, 0.09);
}

/* Themeless with colour vision: monochrome. */
html[data-look="themeless"][data-vision="monochrome"] #app.concept-std,
html[data-look="themeless"][data-vision="monochrome"] #app.concept-std ~ dialog.modal,
html[data-look="themeless"][data-vision="monochrome"] #app.concept-std ~ #toasts,
html[data-look="themeless"][data-vision="monochrome"] #app.concept-std ~ dialog.drawer,
html[data-look="themeless"][data-vision="monochrome"] #app.concept-std ~ .tut-root {
  --st-accent:        #8f8f8f;
  --st-accent-ink:    #141414;
  --st-link:          #b0b0b0;
  --st-link-deep:     #363636;
  --st-success:       #959595;
  --st-warning:       #d6d6d6;
  --st-warning-ink:   #121212;
  --st-danger:        #ffffff;
  --st-warning-bg:    #131313;
  --st-danger-bg:     #131313;
  --st-success-bg:    #131313;
  --st-accent-bg:     #131313;
  --st-link-dim:      rgba(176, 176, 176, .13);
  --st-warning-dim:   rgba(214, 214, 214, .13);
  --st-success-dim:   rgba(149, 149, 149, .13);
  --st-danger-dim:    rgba(255, 255, 255, .12);
  --st-scrim:         rgba(0, 0, 0, .72);
  --st-glass:         rgba(0, 0, 0, .8);
  --st-glass-soft:    rgba(0, 0, 0, .5);
  --st-hero-fade:     rgba(0, 0, 0, .55);
  --st-hero-glow:     rgba(176, 176, 176, .17);
  --st-accent-hi:     #afafaf;
  --st-accent-line:   #535353;
  --st-info:          #b9b9b9;
  --st-info-ink:      #171717;
  --st-info-bg:       #202020;
  --st-focus:         #c3c3c3;
  --st-selection:     rgba(144, 144, 144, .45);
  --st-success-ink:   #131313;
  --st-warning-edge:  #a3a3a3;
  --st-danger-ink:    #1f1f1f;
  --st-allied:        #a9a9a9;
  --st-you:           #8f8f8f;
  --st-hostile:       #d6d6d6;
  --st-war:           #ffffff;
  --st-map-own:       #959595;
  --st-map-ally:      #a9a9a9;
  --st-map-contact:   #d6d6d6;
  --st-map-combat:    #ffffff;
  --st-map-selected:  #f3f3f3;
  --st-progress:      #b6b6b6;
  --st-progress-done: #959595;
  --st-crest-ring:    #8f8f8f;
  --st-info-dim:      rgba(185, 185, 185, .13);
  --cmd-edge-lit:     color-mix(in srgb, #b0b0b0 55%, #b0b0b0);
  --cmd-glow-blue:    color-mix(in srgb, #b0b0b0 28%, transparent);
  --cmd-glow-cyan:    color-mix(in srgb, #b0b0b0 18%, transparent);
  --cmd-head-line:    linear-gradient(90deg, color-mix(in srgb, #b0b0b0 45%, transparent), transparent 70%);
}

html[data-look="themeless"][data-vision="monochrome"] #app.concept-std ~ dialog.drawer,
html[data-look="themeless"][data-vision="monochrome"] #app.concept-std ~ .tut-root {
  --blue:        #b0b0b0;
  --blue-lit:    #b0b0b0;
  --blue-deep:   #363636;
  --blue-dim:    rgba(176, 176, 176, .13);
  --amber:       #d6d6d6;
  --amber-dim:   rgba(214, 214, 214, .13);
  --cyan:        #b0b0b0;
  --cyan-dim:    rgba(176, 176, 176, .12);
  --green:       #8a8a8a;
  --green-dim:   rgba(138, 138, 138, .13);
  --danger:      #ffffff;
  --danger-dim:  rgba(255, 255, 255, .12);
  --tab-current: #8f8f8f;
}

/* Monochrome: the three meter states told apart by their fill pattern, as
   colours.css does for the other layouts' meters. */
html[data-vision="monochrome"] .concept-std .st-meter--warn .st-meter__fill {
  background-image: repeating-linear-gradient(
    135deg,
    rgba(0, 0, 0, .55) 0 3px,
    rgba(0, 0, 0, 0) 3px 6px);
}
html[data-vision="monochrome"] .concept-std .st-meter--danger .st-meter__fill {
  background-image:
    repeating-linear-gradient(45deg, rgba(0, 0, 0, .5) 0 2px, rgba(0, 0, 0, 0) 2px 4px),
    repeating-linear-gradient(135deg, rgba(0, 0, 0, .5) 0 2px, rgba(0, 0, 0, 0) 2px 4px);
}
html[data-vision="monochrome"] .concept-std .st-meter--good .st-meter__fill {
  background-image: repeating-linear-gradient(
    90deg,
    rgba(0, 0, 0, .35) 0 1px,
    rgba(0, 0, 0, 0) 1px 5px);
}

/* The page behind the frame, as an enhancement (:has). */
body:has(> #app.concept-std) { background-color: #050911; }
html[data-vision="monochrome"] body:has(> #app.concept-std) { background-color: #0b0b0b; }
html[data-look="themeless"] body:has(> #app.concept-std) { background-color: #000000; }