/* Original palettes inspired by national flags; accessible tonal variants. */
:root[data-palette='hispanidad'] { --palette-h: 355; --palette-s: 65%; --secondary-h: 46; }
:root[data-palette='herois'] { --palette-h: 140; --palette-s: 45%; --secondary-h: 355; }
:root[data-palette='cielito'] { --palette-h: 161; --palette-s: 65%; --secondary-h: 354; }
:root[data-palette='etihad'] { --palette-h: 155; --palette-s: 45%; --secondary-h: 0; }
:root[data-palette='alma'] { --palette-h: 220; --palette-s: 65%; --secondary-h: 49; }
:root[data-palette='rainbow'] { --palette-h: 158; --palette-s: 65%; --secondary-h: 42; }
:root[data-palette='hispanidad'] {
  --paper: #fffaf0; --ink: #42191e; --muted: #785053; --accent: #aa151b;
  --surface: #fff0d9; --surface-hover: #ffe4bf; --panel: #fff0d5; --header: #fffaf0f7;
  --line: #eacbbf; --deep: #6d1220; --pale: #fff4de; --ice: #f1bf38;
  --hero-start: #fff1c1; --hero-end: #eac8bb; --ribbon: #b22231;
  --flag-band: linear-gradient(90deg,#aa151b 25%,#f1bf00 25% 75%,#aa151b 75%);
}
:root[data-palette='hispanidad'][data-theme='dark'] {
  --paper: #210e13; --ink: #fff0dc; --muted: #d8b8af; --accent: #f1bf38;
  --surface: #30171b; --surface-hover: #482025; --panel: #452025; --header: #210e13f7;
  --line: #61333a; --hero-start: #722b33; --hero-end: #36151d;
}
:root[data-palette='herois'] {
  --paper: #fcfaee; --ink: #15392a; --muted: #50654f; --accent: #24613a;
  --surface: #f1f0dc; --surface-hover: #e5e8cb; --panel: #e6ecd8; --header: #fcfaeef7;
  --line: #c9d2b4; --deep: #163c2b; --pale: #fff5de; --ice: #f1c76b;
  --hero-start: #f3edc5; --hero-end: #c5d6b8; --ribbon: #bf3544;
  --flag-band: linear-gradient(90deg,#006600 40%,#f1c76b 40% 44%,#c52c36 44%);
}
:root[data-palette='herois'][data-theme='dark'] {
  --paper: #101e16; --ink: #f4f2db; --muted: #b9c9ae; --accent: #edb96b;
  --surface: #1a2a1c; --surface-hover: #293c27; --panel: #263a28; --header: #101e16f7;
  --line: #3f5640; --hero-start: #34523b; --hero-end: #182c21;
}
:root[data-palette='cielito'] {
  --paper: #fffefa; --ink: #103c32; --muted: #4d6961; --accent: #006847;
  --surface: #eff7f1; --surface-hover: #dfefe6; --panel: #e1f0e7; --header: #fffefaf7;
  --line: #c8ddd1; --deep: #0b4736; --pale: #fffaf3; --ice: #ffc5c6;
  --hero-start: #f9fbf5; --hero-end: #c8e1d2; --ribbon: #ce1126;
  --flag-band: linear-gradient(90deg,#006847 33%,#fff 33% 66%,#ce1126 66%);
}
:root[data-palette='cielito'][data-theme='dark'] {
  --paper: #081d17; --ink: #eefaf2; --muted: #adcbbd; --accent: #90d8b7;
  --surface: #102e24; --surface-hover: #1b4433; --panel: #173a2c; --header: #081d17f7;
  --line: #305b48; --hero-start: #285841; --hero-end: #112e24;
}
:root[data-palette='etihad'] {
  --paper: #fafbf9; --ink: #171e1c; --muted: #52605a; --accent: #a92330;
  --surface: #eef2ef; --surface-hover: #dfe9e2; --panel: #e4ece7; --header: #fafbf9f7;
  --line: #cbd6cf; --deep: #151d1a; --pale: #f1f7f2; --ice: #9fdbb8;
  --hero-start: #f5f7f5; --hero-end: #c5d5cc; --ribbon: #008552;
  --flag-band: linear-gradient(90deg,#e32b35 25%,#00965e 25% 50%,#fff 50% 75%,#151515 75%);
}
:root[data-palette='etihad'][data-theme='dark'] {
  --paper: #101513; --ink: #f1f6f2; --muted: #b4c3ba; --accent: #f6a3a9;
  --surface: #1a2420; --surface-hover: #2a3831; --panel: #24362d; --header: #101513f7;
  --line: #3a4c42; --hero-start: #344a3d; --hero-end: #19271f;
}
:root[data-palette='alma'] {
  --paper: #fffdf4; --ink: #192f59; --muted: #546586; --accent: #234e98;
  --surface: #f4f1dc; --surface-hover: #eae7ca; --panel: #f6eecb; --header: #fffdf4f7;
  --line: #d8d8bc; --deep: #162f65; --pale: #fff7d6; --ice: #ffce32;
  --hero-start: #fff0aa; --hero-end: #cbd7e8; --ribbon: #ce3348;
  --flag-band: linear-gradient(90deg,#ffce00 33%,#003da5 33% 66%,#d92332 66%);
}
:root[data-palette='alma'][data-theme='dark'] {
  --paper: #101a33; --ink: #fff5d7; --muted: #b9c6df; --accent: #ffce32;
  --surface: #182744; --surface-hover: #243858; --panel: #203353; --header: #101a33f7;
  --line: #394e74; --hero-start: #334e7b; --hero-end: #162747;
}
:root[data-palette='rainbow'] {
  --paper: #fffdf6; --ink: #18352d; --muted: #52665d; --accent: #006e49;
  --surface: #eef4df; --surface-hover: #e0edce; --panel: #e2eedb; --header: #fffdf6f7;
  --line: #cbdac3; --deep: #132e42; --pale: #fffae8; --ice: #ffbf38;
  --hero-start: #f9edba; --hero-end: #c0dcca; --ribbon: #c9343b;
  --flag-band: linear-gradient(90deg,#141414 16%,#ffb612 16% 32%,#007a4d 32% 52%,#fff 52% 64%,#de3831 64% 82%,#002395 82%);
}
:root[data-palette='rainbow'][data-theme='dark'] {
  --paper: #101c20; --ink: #f8f6df; --muted: #b9ccbd; --accent: #ffbf38;
  --surface: #192e2b; --surface-hover: #294139; --panel: #203c34; --header: #101c20f7;
  --line: #3d584e; --hero-start: #2b5244; --hero-end: #192d3b;
}
html:is([data-palette='hispanidad'],[data-palette='herois'],[data-palette='cielito'],[data-palette='etihad'],[data-palette='alma'],[data-palette='rainbow'],[data-palette='alfred'],[data-palette='uncle-sam']) .announcement { border-bottom: 3px solid; border-image: var(--flag-band) 1; }
html[data-palette='rainbow'][data-palette] #ribbon stop:first-child { stop-color: #111b23; }
html[data-palette='rainbow'][data-palette] #ribbon stop:nth-child(2) { stop-color: #007a4d; }
html[data-palette='rainbow'][data-palette] #ribbon stop:nth-child(4) { stop-color: #c9343b; }
html[data-palette='rainbow'][data-palette] #ribbon stop:last-child { stop-color: #234a9b; }

/* Alfred: cool porcelain, deep Union Jack navy, and crimson. */
:root[data-palette='alfred'] {
  --palette-h: 222; --palette-s: 65%; --secondary-h: 350;
  --paper: #f8faff; --ink: #122448; --muted: #536582; --accent: #012169;
  --surface: #edf1fa; --surface-hover: #dee6f5; --panel: #e3eafa; --header: #f8fafff7;
  --line: #cbd6e9; --deep: #012169; --pale: #f8faff; --ice: #f4c3cd;
  --hero-start: #fffafa; --hero-end: #c6d4ec; --ribbon: #c8102e;
  --flag-band: linear-gradient(90deg,#012169 30%,#fff 30% 40%,#c8102e 40% 60%,#fff 60% 70%,#012169 70%);
}
:root[data-palette='alfred'][data-theme='dark'] {
  --paper: #0b142b; --ink: #f3f6ff; --muted: #b3c2df; --accent: #b9cfff;
  --surface: #13213e; --surface-hover: #203353; --panel: #1c2d4b; --header: #0b142bf7;
  --line: #344b73; --hero-start: #2e4167; --hero-end: #12223f;
}
/* Uncle Sam: warm white, bold flag red, and muted indigo. */
:root[data-palette='uncle-sam'] {
  --palette-h: 350; --palette-s: 60%; --secondary-h: 241;
  --paper: #fffcf8; --ink: #302c4d; --muted: #6b6072; --accent: #b22234;
  --surface: #f8eeec; --surface-hover: #f1dfdf; --panel: #f2e6e8; --header: #fffcf8f7;
  --line: #dfcdd2; --deep: #3c3b6e; --pale: #fffaf3; --ice: #e2e5ff;
  --hero-start: #fff8ed; --hero-end: #d7d7e8; --ribbon: #b22234;
  --flag-band: linear-gradient(90deg,#3c3b6e 25%,#b22234 25% 40%,#fff 40% 55%,#b22234 55% 70%,#fff 70% 85%,#b22234 85%);
}
:root[data-palette='uncle-sam'][data-theme='dark'] {
  --paper: #191725; --ink: #fff6ed; --muted: #cbbccc; --accent: #ffa7af;
  --surface: #282234; --surface-hover: #3b2e44; --panel: #342b42; --header: #191725f7;
  --line: #534358; --hero-start: #56405a; --hero-end: #26253e;
}