/* Shared palette values. The current midnight scheme is the default. */
:root {
  --palette-primary: #081b33;
  --palette-primary-rgb: 8,27,51;
  --palette-dark: #040f21;
  --palette-dark-rgb: 4,15,33;
  --palette-raised: #0a203b;
  --palette-raised-rgb: 10,32,59;
  --palette-lift: #143152;
  --palette-lift-rgb: 20,49,82;
  --palette-lift-alt: #123153;
  --palette-lift-alt-rgb: 18,49,83;
  --palette-frame: #061427;
  --palette-frame-rgb: 6,20,39;
  --palette-shadow: #020b18;
  --palette-shadow-rgb: 2,11,24;
  --palette-overlay: #030d1c;
  --palette-overlay-rgb: 3,13,28;
  --palette-stripe: #132b49;
  --palette-stripe-rgb: 19,43,73;
  --palette-stripe-alt: #1b3859;
  --palette-stripe-alt-rgb: 27,56,89;
}
:root[data-colour-palette="ocean"] {
  --palette-primary: #103f5b;
  --palette-primary-rgb: 16,63,91;
  --palette-dark: #082839;
  --palette-dark-rgb: 8,40,57;
  --palette-raised: #144963;
  --palette-raised-rgb: 20,73,99;
  --palette-lift: #1c5773;
  --palette-lift-rgb: 28,87,115;
  --palette-lift-alt: #1a526f;
  --palette-lift-alt-rgb: 26,82,111;
  --palette-frame: #0b2f43;
  --palette-frame-rgb: 11,47,67;
  --palette-shadow: #051c29;
  --palette-shadow-rgb: 5,28,41;
  --palette-overlay: #072230;
  --palette-overlay-rgb: 7,34,48;
  --palette-stripe: #154864;
  --palette-stripe-rgb: 21,72,100;
  --palette-stripe-alt: #1d5a79;
  --palette-stripe-alt-rgb: 29,90,121;
}
:root[data-colour-palette="graphite"] {
  --palette-primary: #252b34;
  --palette-primary-rgb: 37,43,52;
  --palette-dark: #151a22;
  --palette-dark-rgb: 21,26,34;
  --palette-raised: #303842;
  --palette-raised-rgb: 48,56,66;
  --palette-lift: #424c59;
  --palette-lift-rgb: 66,76,89;
  --palette-lift-alt: #3d4755;
  --palette-lift-alt-rgb: 61,71,85;
  --palette-frame: #1c222c;
  --palette-frame-rgb: 28,34,44;
  --palette-shadow: #0c1016;
  --palette-shadow-rgb: 12,16,22;
  --palette-overlay: #111720;
  --palette-overlay-rgb: 17,23,32;
  --palette-stripe: #303945;
  --palette-stripe-rgb: 48,57,69;
  --palette-stripe-alt: #3d4857;
  --palette-stripe-alt-rgb: 61,72,87;
}
:root[data-colour-palette="royal"] {
  --palette-primary: #12346b;
  --palette-primary-rgb: 18,52,107;
  --palette-dark: #081b3d;
  --palette-dark-rgb: 8,27,61;
  --palette-raised: #173f7a;
  --palette-raised-rgb: 23,63,122;
  --palette-lift: #234e8a;
  --palette-lift-rgb: 35,78,138;
  --palette-lift-alt: #204880;
  --palette-lift-alt-rgb: 32,72,128;
  --palette-frame: #0d2752;
  --palette-frame-rgb: 13,39,82;
  --palette-shadow: #041025;
  --palette-shadow-rgb: 4,16,37;
  --palette-overlay: #06172f;
  --palette-overlay-rgb: 6,23,47;
  --palette-stripe: #1b4276;
  --palette-stripe-rgb: 27,66,118;
  --palette-stripe-alt: #28558d;
  --palette-stripe-alt-rgb: 40,85,141;
}
:root[data-colour-palette="teal"] {
  --palette-primary: #093f43;
  --palette-primary-rgb: 9,63,67;
  --palette-dark: #04272c;
  --palette-dark-rgb: 4,39,44;
  --palette-raised: #0d4a4e;
  --palette-raised-rgb: 13,74,78;
  --palette-lift: #1b595d;
  --palette-lift-rgb: 27,89,93;
  --palette-lift-alt: #175358;
  --palette-lift-alt-rgb: 23,83,88;
  --palette-frame: #073137;
  --palette-frame-rgb: 7,49,55;
  --palette-shadow: #021b20;
  --palette-shadow-rgb: 2,27,32;
  --palette-overlay: #032328;
  --palette-overlay-rgb: 3,35,40;
  --palette-stripe: #124b50;
  --palette-stripe-rgb: 18,75,80;
  --palette-stripe-alt: #205b60;
  --palette-stripe-alt-rgb: 32,91,96;
}
:root[data-colour-palette="indigo"] {
  --palette-primary: #292353;
  --palette-primary-rgb: 41,35,83;
  --palette-dark: #181333;
  --palette-dark-rgb: 24,19,51;
  --palette-raised: #322b60;
  --palette-raised-rgb: 50,43,96;
  --palette-lift: #453d72;
  --palette-lift-rgb: 69,61,114;
  --palette-lift-alt: #3f366b;
  --palette-lift-alt-rgb: 63,54,107;
  --palette-frame: #201b42;
  --palette-frame-rgb: 32,27,66;
  --palette-shadow: #0e0b22;
  --palette-shadow-rgb: 14,11,34;
  --palette-overlay: #14102b;
  --palette-overlay-rgb: 20,16,43;
  --palette-stripe: #352e5e;
  --palette-stripe-rgb: 53,46,94;
  --palette-stripe-alt: #494076;
  --palette-stripe-alt-rgb: 73,64,118;
}
:root[data-colour-palette="navy-gold"] {
  --palette-on-accent: var(--palette-dark);
  --palette-primary: #081b33;
  --palette-primary-rgb: 8,27,51;
  --palette-dark: #040f21;
  --palette-dark-rgb: 4,15,33;
  --palette-raised: #0a203b;
  --palette-raised-rgb: 10,32,59;
  --palette-lift: #143152;
  --palette-lift-rgb: 20,49,82;
  --palette-lift-alt: #123153;
  --palette-lift-alt-rgb: 18,49,83;
  --palette-frame: #061427;
  --palette-frame-rgb: 6,20,39;
  --palette-shadow: #020b18;
  --palette-shadow-rgb: 2,11,24;
  --palette-overlay: #030d1c;
  --palette-overlay-rgb: 3,13,28;
  --palette-stripe: #132b49;
  --palette-stripe-rgb: 19,43,73;
  --palette-stripe-alt: #1b3859;
  --palette-stripe-alt-rgb: 27,56,89;
  --palette-accent: #e9bf62;
  --palette-accent-rgb: 233,191,98;
  --palette-accent-hover: #f2d28a;
  --palette-accent-hover-rgb: 242,210,138;
  --palette-accent-deep: #b58a2d;
  --palette-accent-deep-rgb: 181,138,45;
  --palette-accent-ink: #755511;
  --palette-accent-ink-rgb: 117,85,17;
  --palette-accent-soft: #fff8e7;
  --palette-accent-soft-rgb: 255,248,231;
  --palette-accent-border: #ead5a2;
  --palette-accent-border-rgb: 234,213,162;
}
:root[data-colour-palette="teal-coral"] {
  --palette-on-accent: var(--palette-dark);
  --palette-primary: #093f43;
  --palette-primary-rgb: 9,63,67;
  --palette-dark: #04272c;
  --palette-dark-rgb: 4,39,44;
  --palette-raised: #0d4a4e;
  --palette-raised-rgb: 13,74,78;
  --palette-lift: #1b595d;
  --palette-lift-rgb: 27,89,93;
  --palette-lift-alt: #175358;
  --palette-lift-alt-rgb: 23,83,88;
  --palette-frame: #073137;
  --palette-frame-rgb: 7,49,55;
  --palette-shadow: #021b20;
  --palette-shadow-rgb: 2,27,32;
  --palette-overlay: #032328;
  --palette-overlay-rgb: 3,35,40;
  --palette-stripe: #124b50;
  --palette-stripe-rgb: 18,75,80;
  --palette-stripe-alt: #205b60;
  --palette-stripe-alt-rgb: 32,91,96;
  --palette-accent: #ff9887;
  --palette-accent-rgb: 255,152,135;
  --palette-accent-hover: #ffb7aa;
  --palette-accent-hover-rgb: 255,183,170;
  --palette-accent-deep: #d97666;
  --palette-accent-deep-rgb: 217,118,102;
  --palette-accent-ink: #94483c;
  --palette-accent-ink-rgb: 148,72,60;
  --palette-accent-soft: #fff1ed;
  --palette-accent-soft-rgb: 255,241,237;
  --palette-accent-border: #f3c7bd;
  --palette-accent-border-rgb: 243,199,189;
}
:root[data-colour-palette="plum-apricot"] {
  --palette-on-accent: var(--palette-dark);
  --palette-primary: #39253f;
  --palette-primary-rgb: 57,37,63;
  --palette-dark: #241729;
  --palette-dark-rgb: 36,23,41;
  --palette-raised: #452d4c;
  --palette-raised-rgb: 69,45,76;
  --palette-lift: #573b60;
  --palette-lift-rgb: 87,59,96;
  --palette-lift-alt: #513658;
  --palette-lift-alt-rgb: 81,54,88;
  --palette-frame: #2c1d32;
  --palette-frame-rgb: 44,29,50;
  --palette-shadow: #170e1b;
  --palette-shadow-rgb: 23,14,27;
  --palette-overlay: #1e1322;
  --palette-overlay-rgb: 30,19,34;
  --palette-stripe: #49324f;
  --palette-stripe-rgb: 73,50,79;
  --palette-stripe-alt: #5b4062;
  --palette-stripe-alt-rgb: 91,64,98;
  --palette-accent: #f2b27f;
  --palette-accent-rgb: 242,178,127;
  --palette-accent-hover: #f8cba8;
  --palette-accent-hover-rgb: 248,203,168;
  --palette-accent-deep: #c48759;
  --palette-accent-deep-rgb: 196,135,89;
  --palette-accent-ink: #845434;
  --palette-accent-ink-rgb: 132,84,52;
  --palette-accent-soft: #fff4eb;
  --palette-accent-soft-rgb: 255,244,235;
  --palette-accent-border: #eed0b7;
  --palette-accent-border-rgb: 238,208,183;
}
:root[data-colour-palette="forest-mint"] {
  --palette-on-accent: var(--palette-dark);
  --palette-primary: #123e30;
  --palette-primary-rgb: 18,62,48;
  --palette-dark: #0b261e;
  --palette-dark-rgb: 11,38,30;
  --palette-raised: #1e483a;
  --palette-raised-rgb: 30,72,58;
  --palette-lift: #2e5549;
  --palette-lift-rgb: 46,85,73;
  --palette-lift-alt: #2a5145;
  --palette-lift-alt-rgb: 42,81,69;
  --palette-frame: #0e3226;
  --palette-frame-rgb: 14,50,38;
  --palette-shadow: #061611;
  --palette-shadow-rgb: 6,22,17;
  --palette-overlay: #091f18;
  --palette-overlay-rgb: 9,31,24;
  --palette-stripe: #254d41;
  --palette-stripe-rgb: 37,77,65;
  --palette-stripe-alt: #385d51;
  --palette-stripe-alt-rgb: 56,93,81;
  --palette-accent: #a4e5c4;
  --palette-accent-rgb: 164,229,196;
  --palette-accent-hover: #bbecd3;
  --palette-accent-hover-rgb: 187,236,211;
  --palette-accent-deep: #77b899;
  --palette-accent-deep-rgb: 119,184,153;
  --palette-accent-ink: #246349;
  --palette-accent-ink-rgb: 36,99,73;
  --palette-accent-soft: #f4fcf8;
  --palette-accent-soft-rgb: 244,252,248;
  --palette-accent-border: #d2f2e2;
  --palette-accent-border-rgb: 210,242,226;
}
:root[data-colour-palette="olive-gold"] {
  --palette-on-accent: var(--palette-dark);
  --palette-primary: #343d26;
  --palette-primary-rgb: 52,61,38;
  --palette-dark: #202618;
  --palette-dark-rgb: 32,38,24;
  --palette-raised: #3e4731;
  --palette-raised-rgb: 62,71,49;
  --palette-lift: #4c5440;
  --palette-lift-rgb: 76,84,64;
  --palette-lift-alt: #48503c;
  --palette-lift-alt-rgb: 72,80,60;
  --palette-frame: #2a311e;
  --palette-frame-rgb: 42,49,30;
  --palette-shadow: #12150d;
  --palette-shadow-rgb: 18,21,13;
  --palette-overlay: #1a1e13;
  --palette-overlay-rgb: 26,30,19;
  --palette-stripe: #444d37;
  --palette-stripe-rgb: 68,77,55;
  --palette-stripe-alt: #545c49;
  --palette-stripe-alt-rgb: 84,92,73;
  --palette-accent: #e6cb79;
  --palette-accent-rgb: 230,203,121;
  --palette-accent-hover: #ecd89a;
  --palette-accent-hover-rgb: 236,216,154;
  --palette-accent-deep: #b9a25a;
  --palette-accent-deep-rgb: 185,162,90;
  --palette-accent-ink: #66551f;
  --palette-accent-ink-rgb: 102,85,31;
  --palette-accent-soft: #fcf9ef;
  --palette-accent-soft-rgb: 252,249,239;
  --palette-accent-border: #f2e5bc;
  --palette-accent-border-rgb: 242,229,188;
}
:root[data-colour-palette="petrol-copper"] {
  --palette-on-accent: var(--palette-dark);
  --palette-primary: #153f4b;
  --palette-primary-rgb: 21,63,75;
  --palette-dark: #0d272e;
  --palette-dark-rgb: 13,39,46;
  --palette-raised: #214954;
  --palette-raised-rgb: 33,73,84;
  --palette-lift: #315661;
  --palette-lift-rgb: 49,86,97;
  --palette-lift-alt: #2c525d;
  --palette-lift-alt-rgb: 44,82,93;
  --palette-frame: #11323c;
  --palette-frame-rgb: 17,50,60;
  --palette-shadow: #07161a;
  --palette-shadow-rgb: 7,22,26;
  --palette-overlay: #0a2026;
  --palette-overlay-rgb: 10,32,38;
  --palette-stripe: #284e59;
  --palette-stripe-rgb: 40,78,89;
  --palette-stripe-alt: #3a5e68;
  --palette-stripe-alt-rgb: 58,94,104;
  --palette-accent: #eab18a;
  --palette-accent-rgb: 234,177,138;
  --palette-accent-hover: #efc4a7;
  --palette-accent-hover-rgb: 239,196,167;
  --palette-accent-deep: #c6906b;
  --palette-accent-deep-rgb: 198,144,107;
  --palette-accent-ink: #835431;
  --palette-accent-ink-rgb: 131,84,49;
  --palette-accent-soft: #fcf6f1;
  --palette-accent-soft-rgb: 252,246,241;
  --palette-accent-border: #f4d8c4;
  --palette-accent-border-rgb: 244,216,196;
}
:root[data-colour-palette="wine-rose"] {
  --palette-on-accent: var(--palette-dark);
  --palette-primary: #4a2135;
  --palette-primary-rgb: 74,33,53;
  --palette-dark: #2e1421;
  --palette-dark-rgb: 46,20,33;
  --palette-raised: #532c3f;
  --palette-raised-rgb: 83,44,63;
  --palette-lift: #603c4d;
  --palette-lift-rgb: 96,60,77;
  --palette-lift-alt: #5c3749;
  --palette-lift-alt-rgb: 92,55,73;
  --palette-frame: #3b1a2a;
  --palette-frame-rgb: 59,26,42;
  --palette-shadow: #1a0c13;
  --palette-shadow-rgb: 26,12,19;
  --palette-overlay: #25101a;
  --palette-overlay-rgb: 37,16,26;
  --palette-stripe: #583345;
  --palette-stripe-rgb: 88,51,69;
  --palette-stripe-alt: #674555;
  --palette-stripe-alt-rgb: 103,69,85;
  --palette-accent: #f1b2c5;
  --palette-accent-rgb: 241,178,197;
  --palette-accent-hover: #f4c5d4;
  --palette-accent-hover-rgb: 244,197,212;
  --palette-accent-deep: #cf89a0;
  --palette-accent-deep-rgb: 207,137,160;
  --palette-accent-ink: #8f3d5b;
  --palette-accent-ink-rgb: 143,61,91;
  --palette-accent-soft: #fdf6f8;
  --palette-accent-soft-rgb: 253,246,248;
  --palette-accent-border: #f8d8e2;
  --palette-accent-border-rgb: 248,216,226;
}
:root[data-colour-palette="charcoal-cyan"] {
  --palette-on-accent: var(--palette-dark);
  --palette-primary: #202e38;
  --palette-primary-rgb: 32,46,56;
  --palette-dark: #141d23;
  --palette-dark-rgb: 20,29,35;
  --palette-raised: #2b3842;
  --palette-raised-rgb: 43,56,66;
  --palette-lift: #3b4750;
  --palette-lift-rgb: 59,71,80;
  --palette-lift-alt: #36434c;
  --palette-lift-alt-rgb: 54,67,76;
  --palette-frame: #1a252d;
  --palette-frame-rgb: 26,37,45;
  --palette-shadow: #0b1014;
  --palette-shadow-rgb: 11,16,20;
  --palette-overlay: #10171c;
  --palette-overlay-rgb: 16,23,28;
  --palette-stripe: #323f48;
  --palette-stripe-rgb: 50,63,72;
  --palette-stripe-alt: #444f58;
  --palette-stripe-alt-rgb: 68,79,88;
  --palette-accent: #79dcee;
  --palette-accent-rgb: 121,220,238;
  --palette-accent-hover: #9ae5f2;
  --palette-accent-hover-rgb: 154,229,242;
  --palette-accent-deep: #58b2c3;
  --palette-accent-deep-rgb: 88,178,195;
  --palette-accent-ink: #1b6573;
  --palette-accent-ink-rgb: 27,101,115;
  --palette-accent-soft: #effbfd;
  --palette-accent-soft-rgb: 239,251,253;
  --palette-accent-border: #bceef6;
  --palette-accent-border-rgb: 188,238,246;
}
:root[data-colour-palette="cobalt-ice"] {
  --palette-on-accent: var(--palette-dark);
  --palette-primary: #183d78;
  --palette-primary-rgb: 24,61,120;
  --palette-dark: #0f264a;
  --palette-dark-rgb: 15,38,74;
  --palette-raised: #24477f;
  --palette-raised-rgb: 36,71,127;
  --palette-lift: #345488;
  --palette-lift-rgb: 52,84,136;
  --palette-lift-alt: #2f5086;
  --palette-lift-alt-rgb: 47,80,134;
  --palette-frame: #133160;
  --palette-frame-rgb: 19,49,96;
  --palette-shadow: #08152a;
  --palette-shadow-rgb: 8,21,42;
  --palette-overlay: #0c1e3c;
  --palette-overlay-rgb: 12,30,60;
  --palette-stripe: #2a4d83;
  --palette-stripe-rgb: 42,77,131;
  --palette-stripe-alt: #3d5c8e;
  --palette-stripe-alt-rgb: 61,92,142;
  --palette-accent: #b9e2ff;
  --palette-accent-rgb: 185,226,255;
  --palette-accent-hover: #cae9ff;
  --palette-accent-hover-rgb: 202,233,255;
  --palette-accent-deep: #85b3d3;
  --palette-accent-deep-rgb: 133,179,211;
  --palette-accent-ink: #245b80;
  --palette-accent-ink-rgb: 36,91,128;
  --palette-accent-soft: #f7fcff;
  --palette-accent-soft-rgb: 247,252,255;
  --palette-accent-border: #dcf0ff;
  --palette-accent-border-rgb: 220,240,255;
}
:root[data-colour-palette="espresso-cream"] {
  --palette-on-accent: var(--palette-dark);
  --palette-primary: #3e2a24;
  --palette-primary-rgb: 62,42,36;
  --palette-dark: #261a16;
  --palette-dark-rgb: 38,26,22;
  --palette-raised: #48352f;
  --palette-raised-rgb: 72,53,47;
  --palette-lift: #55443e;
  --palette-lift-rgb: 85,68,62;
  --palette-lift-alt: #513f3a;
  --palette-lift-alt-rgb: 81,63,58;
  --palette-frame: #32221d;
  --palette-frame-rgb: 50,34,29;
  --palette-shadow: #160f0d;
  --palette-shadow-rgb: 22,15,13;
  --palette-overlay: #1f1512;
  --palette-overlay-rgb: 31,21,18;
  --palette-stripe: #4d3b36;
  --palette-stripe-rgb: 77,59,54;
  --palette-stripe-alt: #5d4c47;
  --palette-stripe-alt-rgb: 93,76,71;
  --palette-accent: #efdbc0;
  --palette-accent-rgb: 239,219,192;
  --palette-accent-hover: #f3e4d0;
  --palette-accent-hover-rgb: 243,228,208;
  --palette-accent-deep: #c6ad8d;
  --palette-accent-deep-rgb: 198,173,141;
  --palette-accent-ink: #79572f;
  --palette-accent-ink-rgb: 121,87,47;
  --palette-accent-soft: #fdfbf7;
  --palette-accent-soft-rgb: 253,251,247;
  --palette-accent-border: #f7ede0;
  --palette-accent-border-rgb: 247,237,224;
}
:root[data-colour-palette="slate-lime"] {
  --palette-on-accent: var(--palette-dark);
  --palette-primary: #2a3944;
  --palette-primary-rgb: 42,57,68;
  --palette-dark: #1a232a;
  --palette-dark-rgb: 26,35,42;
  --palette-raised: #35434d;
  --palette-raised-rgb: 53,67,77;
  --palette-lift: #44515a;
  --palette-lift-rgb: 68,81,90;
  --palette-lift-alt: #3f4d57;
  --palette-lift-alt-rgb: 63,77,87;
  --palette-frame: #222e36;
  --palette-frame-rgb: 34,46,54;
  --palette-shadow: #0f1418;
  --palette-shadow-rgb: 15,20,24;
  --palette-overlay: #151c22;
  --palette-overlay-rgb: 21,28,34;
  --palette-stripe: #3b4953;
  --palette-stripe-rgb: 59,73,83;
  --palette-stripe-alt: #4c5962;
  --palette-stripe-alt-rgb: 76,89,98;
  --palette-accent: #c1df82;
  --palette-accent-rgb: 193,223,130;
  --palette-accent-hover: #d0e7a1;
  --palette-accent-hover-rgb: 208,231,161;
  --palette-accent-deep: #97b463;
  --palette-accent-deep-rgb: 151,180,99;
  --palette-accent-ink: #496329;
  --palette-accent-ink-rgb: 73,99,41;
  --palette-accent-soft: #f8fbf0;
  --palette-accent-soft-rgb: 248,251,240;
  --palette-accent-border: #e0efc0;
  --palette-accent-border-rgb: 224,239,192;
}
:root[data-colour-palette="violet-lilac"] {
  --palette-on-accent: var(--palette-dark);
  --palette-primary: #32244c;
  --palette-primary-rgb: 50,36,76;
  --palette-dark: #1f162f;
  --palette-dark-rgb: 31,22,47;
  --palette-raised: #3c2f55;
  --palette-raised-rgb: 60,47,85;
  --palette-lift: #4b3e61;
  --palette-lift-rgb: 75,62,97;
  --palette-lift-alt: #463a5e;
  --palette-lift-alt-rgb: 70,58,94;
  --palette-frame: #281d3d;
  --palette-frame-rgb: 40,29,61;
  --palette-shadow: #120d1b;
  --palette-shadow-rgb: 18,13,27;
  --palette-overlay: #191226;
  --palette-overlay-rgb: 25,18,38;
  --palette-stripe: #42365a;
  --palette-stripe-rgb: 66,54,90;
  --palette-stripe-alt: #534769;
  --palette-stripe-alt-rgb: 83,71,105;
  --palette-accent: #d1b8f3;
  --palette-accent-rgb: 209,184,243;
  --palette-accent-hover: #dccaf6;
  --palette-accent-hover-rgb: 220,202,246;
  --palette-accent-deep: #ae90d2;
  --palette-accent-deep-rgb: 174,144,210;
  --palette-accent-ink: #6c4594;
  --palette-accent-ink-rgb: 108,69,148;
  --palette-accent-soft: #f9f6fe;
  --palette-accent-soft-rgb: 249,246,254;
  --palette-accent-border: #e8dcf9;
  --palette-accent-border-rgb: 232,220,249;
}
:root[data-colour-palette="marine-aqua"] {
  --palette-on-accent: var(--palette-dark);
  --palette-primary: #07334c;
  --palette-primary-rgb: 7,51,76;
  --palette-dark: #04202f;
  --palette-dark-rgb: 4,32,47;
  --palette-raised: #133d55;
  --palette-raised-rgb: 19,61,85;
  --palette-lift: #254b61;
  --palette-lift-rgb: 37,75,97;
  --palette-lift-alt: #20475e;
  --palette-lift-alt-rgb: 32,71,94;
  --palette-frame: #06293d;
  --palette-frame-rgb: 6,41,61;
  --palette-shadow: #02121b;
  --palette-shadow-rgb: 2,18,27;
  --palette-overlay: #041a26;
  --palette-overlay-rgb: 4,26,38;
  --palette-stripe: #1b435a;
  --palette-stripe-rgb: 27,67,90;
  --palette-stripe-alt: #2f5469;
  --palette-stripe-alt-rgb: 47,84,105;
  --palette-accent: #77ddcf;
  --palette-accent-rgb: 119,221,207;
  --palette-accent-hover: #99e6db;
  --palette-accent-hover-rgb: 153,230,219;
  --palette-accent-deep: #56b3a7;
  --palette-accent-deep-rgb: 86,179,167;
  --palette-accent-ink: #1a665e;
  --palette-accent-ink-rgb: 26,102,94;
  --palette-accent-soft: #effbf9;
  --palette-accent-soft-rgb: 239,251,249;
  --palette-accent-border: #bbeee7;
  --palette-accent-border-rgb: 187,238,231;
}
html[data-colour-palette] #colour-preview-slot { min-height: 56px; }
.colour-preview-bar {
  box-sizing: border-box; position: relative; z-index: 1;
  display: flex; align-items: center; justify-content: center; gap: 12px;
  min-height: 56px; padding: 8px 20px; margin: 0;
  border-bottom: 1px solid #dde3e9; background: #f5f7fa; color: #172538;
  font: 500 14px/1.4 "Segoe UI", Arial, sans-serif;
}
.colour-preview-bar label { flex: 0 0 auto; margin: 0; color: #172538; font: 650 14px/1.4 "Segoe UI", Arial, sans-serif; }
.colour-label-short { display: none; }
.colour-preview-bar select {
  box-sizing: border-box; width: 250px; max-width: 100%; min-width: 0;
  min-height: 40px; margin: 0; padding: 8px 12px;
  border: 1px solid #8493a3; border-radius: 6px; background: #fff; color: #172538;
  font: 600 14px/1.4 "Segoe UI", Arial, sans-serif; cursor: pointer;
}
.colour-preview-bar select:focus-visible { outline: 3px solid #a84c00; outline-offset: 3px; }
.colour-preview-swatches { display: flex; align-items: center; gap: 5px; }
.colour-preview-swatches i { display: block; width: 16px; height: 16px; border: 1px solid rgba(0,0,0,.12); border-radius: 50%; background: var(--palette-primary); }
.colour-preview-swatches i:nth-child(2) { background: var(--palette-dark); }
.colour-preview-swatches i:nth-child(3) { background: var(--palette-accent, #ff9720); }
.colour-preview-status { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
@media (max-width: 480px) {
  .colour-preview-bar { justify-content: space-between; gap: 8px; padding: 8px 12px; }
  .colour-preview-bar label { font-size: 12px; }
  .colour-preview-bar select { flex: 1 1 170px; width: 170px; max-width: 220px; font-size: 16px; }
  .colour-preview-swatches, .colour-label-full { display: none; }
  .colour-label-short { display: inline; }
}
@media print { .colour-preview-bar { display: none !important; } }