/* Adapted 20 October 2026 from Coolors. Source: https://coolors.co/palettes/trending. Displayed likes: 45.6K. Original source colours: #22223B, #4A4E69, #9A8C98, #C9ADA7, #F2E9E4. UI roles and added shades are report adaptations, not official source tokens. No MIT or Apache licence is asserted for these community references.
Reference: https://coolors.co/palettes/trending
 */
[data-palette="soft-lavender"] {
  --mca-background: #F8F5F2;
  --mca-surface: #ECE9E8;
  --mca-text: #22223B;
  --mca-primary: #4A4E69;
  --mca-secondary: #C9ADA7;
  --mca-accent: #9A8C98;
  --mca-text-muted: #686772;
  --mca-border-subtle: #D0CDD0;
  --mca-border-interactive: #83828C;
  --mca-focus-ring: #4A4E69;
  --mca-link: #4A4E69;
  --mca-link-on-surface: #4A4E69;
  --mca-link-hover: #444762;
  --mca-link-visited: #6F656D;
  --mca-link-visited-hover: #635B65;
  --mca-selected-surface: #DDDBDD;
  --mca-on-selected: #22223B;
  --mca-selected-border: #4A4E69;
  --mca-on-primary: #FFFFFF;
  --mca-primary-hover: #41455C;
  --mca-on-primary-hover: #FFFFFF;
  --mca-on-secondary: #000000;
  --mca-secondary-hover: #B19893;
  --mca-on-secondary-hover: #000000;
  --mca-on-accent: #000000;
  --mca-accent-hover: #887B86;
  --mca-on-accent-hover: #000000;
}

[data-palette="soft-lavender"] .theme-primary {
  background: var(--mca-action, var(--mca-primary));
  color: var(--mca-on-action, var(--mca-on-primary));
  border: 1px solid var(--mca-border-interactive);
}
[data-palette="soft-lavender"] .theme-primary:hover {
  background: var(--mca-action-hover, var(--mca-primary-hover));
  color: var(--mca-on-action-hover, var(--mca-on-primary-hover));
}
[data-palette="soft-lavender"] .theme-primary:focus-visible {
  outline: 3px solid var(--mca-focus-ring);
  outline-offset: 3px;
}

[data-palette="soft-lavender"] { color-scheme: light; }

/* Adapted 20 October 2026 from Coolors. Source: https://coolors.co/palettes/trending. Displayed likes: 18.4K. Original source colours: #FFFCF2, #CCC5B9, #403D39, #252422, #EB5E28. UI roles and added shades are report adaptations, not official source tokens. No MIT or Apache licence is asserted for these community references.
Reference: https://coolors.co/palettes/trending
 */
[data-palette="rustic-paper"] {
  --mca-background: #FFFCF2;
  --mca-surface: #F3F0E7;
  --mca-text: #252422;
  --mca-primary: #403D39;
  --mca-secondary: #CCC5B9;
  --mca-accent: #EB5E28;
  --mca-text-muted: #6E6C67;
  --mca-border-subtle: #D6D3CB;
  --mca-border-interactive: #898782;
  --mca-focus-ring: #403D39;
  --mca-link: #403D39;
  --mca-link-on-surface: #403D39;
  --mca-link-hover: #3C3936;
  --mca-link-visited: #B7491F;
  --mca-link-visited-hover: #A1431F;
  --mca-selected-surface: #E3E0D7;
  --mca-on-selected: #252422;
  --mca-selected-border: #403D39;
  --mca-on-primary: #FFFFFF;
  --mca-primary-hover: #383632;
  --mca-on-primary-hover: #FFFFFF;
  --mca-on-secondary: #000000;
  --mca-secondary-hover: #B4ADA3;
  --mca-on-secondary-hover: #000000;
  --mca-on-accent: #000000;
  --mca-accent-hover: #CF5323;
  --mca-on-accent-hover: #000000;
}

[data-palette="rustic-paper"] .theme-primary {
  background: var(--mca-action, var(--mca-primary));
  color: var(--mca-on-action, var(--mca-on-primary));
  border: 1px solid var(--mca-border-interactive);
}
[data-palette="rustic-paper"] .theme-primary:hover {
  background: var(--mca-action-hover, var(--mca-primary-hover));
  color: var(--mca-on-action-hover, var(--mca-on-primary-hover));
}
[data-palette="rustic-paper"] .theme-primary:focus-visible {
  outline: 3px solid var(--mca-focus-ring);
  outline-offset: 3px;
}

[data-palette="rustic-paper"] { color-scheme: light; }

/* Adapted 20 October 2026 from Color Hunt. Source: https://colorhunt.co/palette/8b9a6ef7f2ebeae2d6eeeeee. Displayed likes: 2,027. Original source colours: #8B9A6E, #F7F2EB, #EAE2D6, #EEEEEE. UI roles and added shades are report adaptations, not official source tokens. No MIT or Apache licence is asserted for these community references.
Reference: https://colorhunt.co/palette/8b9a6ef7f2ebeae2d6eeeeee
 */
[data-palette="linen-sage"] {
  --mca-background: #F7F2EB;
  --mca-surface: #ECE8E0;
  --mca-text: #30372B;
  --mca-primary: #65744C;
  --mca-secondary: #EAE2D6;
  --mca-accent: #8B9A6E;
  --mca-text-muted: #66675F;
  --mca-border-subtle: #D2CFC7;
  --mca-border-interactive: #82827A;
  --mca-focus-ring: #65744C;
  --mca-link: #5E6C47;
  --mca-link-on-surface: #5E6C47;
  --mca-link-hover: #576443;
  --mca-link-visited: #606A4C;
  --mca-link-visited-hover: #596247;
  --mca-selected-surface: #E0DED3;
  --mca-on-selected: #30372B;
  --mca-selected-border: #65744C;
  --mca-on-primary: #FFFFFF;
  --mca-primary-hover: #596643;
  --mca-on-primary-hover: #FFFFFF;
  --mca-on-secondary: #000000;
  --mca-secondary-hover: #CEC7BC;
  --mca-on-secondary-hover: #000000;
  --mca-on-accent: #000000;
  --mca-accent-hover: #7A8861;
  --mca-on-accent-hover: #000000;
}

[data-palette="linen-sage"] .theme-primary {
  background: var(--mca-action, var(--mca-primary));
  color: var(--mca-on-action, var(--mca-on-primary));
  border: 1px solid var(--mca-border-interactive);
}
[data-palette="linen-sage"] .theme-primary:hover {
  background: var(--mca-action-hover, var(--mca-primary-hover));
  color: var(--mca-on-action-hover, var(--mca-on-primary-hover));
}
[data-palette="linen-sage"] .theme-primary:focus-visible {
  outline: 3px solid var(--mca-focus-ring);
  outline-offset: 3px;
}

[data-palette="linen-sage"] { color-scheme: light; }

/* Adapted 20 October 2026 from Color Hunt. Source: https://colorhunt.co/palette/ad8b73ceab93e3caa5fffbe9. Displayed likes: 38,951. Original source colours: #AD8B73, #CEAB93, #E3CAA5, #FFFBE9. UI roles and added shades are report adaptations, not official source tokens. No MIT or Apache licence is asserted for these community references.
Reference: https://colorhunt.co/palette/ad8b73ceab93e3caa5fffbe9
 */
[data-palette="sandstone"] {
  --mca-background: #FFFBE9;
  --mca-surface: #F4F0DE;
  --mca-text: #3B2E25;
  --mca-primary: #795B48;
  --mca-secondary: #E3CAA5;
  --mca-accent: #CEAB93;
  --mca-text-muted: #726B60;
  --mca-border-subtle: #DAD5C4;
  --mca-border-interactive: #8F877B;
  --mca-focus-ring: #795B48;
  --mca-link: #795B48;
  --mca-link-on-surface: #795B48;
  --mca-link-hover: #705443;
  --mca-link-visited: #7C6758;
  --mca-link-visited-hover: #725E50;
  --mca-selected-surface: #E9E3D0;
  --mca-on-selected: #3B2E25;
  --mca-selected-border: #795B48;
  --mca-on-primary: #FFFFFF;
  --mca-primary-hover: #6A503F;
  --mca-on-primary-hover: #FFFFFF;
  --mca-on-secondary: #000000;
  --mca-secondary-hover: #C8B291;
  --mca-on-secondary-hover: #000000;
  --mca-on-accent: #000000;
  --mca-accent-hover: #B59681;
  --mca-on-accent-hover: #000000;
}

[data-palette="sandstone"] .theme-primary {
  background: var(--mca-action, var(--mca-primary));
  color: var(--mca-on-action, var(--mca-on-primary));
  border: 1px solid var(--mca-border-interactive);
}
[data-palette="sandstone"] .theme-primary:hover {
  background: var(--mca-action-hover, var(--mca-primary-hover));
  color: var(--mca-on-action-hover, var(--mca-on-primary-hover));
}
[data-palette="sandstone"] .theme-primary:focus-visible {
  outline: 3px solid var(--mca-focus-ring);
  outline-offset: 3px;
}

[data-palette="sandstone"] { color-scheme: light; }

/* Adapted 20 October 2026 from Color Hunt. Source: https://colorhunt.co/palette/f5efe6e8dfcaaebdca7895b2. Displayed likes: 26,817. Original source colours: #F5EFE6, #E8DFCA, #AEBDCA, #7895B2. UI roles and added shades are report adaptations, not official source tokens. No MIT or Apache licence is asserted for these community references.
Reference: https://colorhunt.co/palette/f5efe6e8dfcaaebdca7895b2
 */
[data-palette="coastal-linen"] {
  --mca-background: #F5EFE6;
  --mca-surface: #EAE5DE;
  --mca-text: #263B4D;
  --mca-primary: #4D6B85;
  --mca-secondary: #AEBDCA;
  --mca-accent: #E8DFCA;
  --mca-text-muted: #5F676B;
  --mca-border-subtle: #CFCDCA;
  --mca-border-interactive: #7C8286;
  --mca-focus-ring: #4D6B85;
  --mca-link: #4B6982;
  --mca-link-on-surface: #4B6982;
  --mca-link-hover: #45627A;
  --mca-link-visited: #68645B;
  --mca-link-visited-hover: #5E5E59;
  --mca-selected-surface: #DCDAD6;
  --mca-on-selected: #263B4D;
  --mca-selected-border: #4D6B85;
  --mca-on-primary: #FFFFFF;
  --mca-primary-hover: #445E75;
  --mca-on-primary-hover: #FFFFFF;
  --mca-on-secondary: #000000;
  --mca-secondary-hover: #99A6B2;
  --mca-on-secondary-hover: #000000;
  --mca-on-accent: #000000;
  --mca-accent-hover: #CCC4B2;
  --mca-on-accent-hover: #000000;
}

[data-palette="coastal-linen"] .theme-primary {
  background: var(--mca-action, var(--mca-primary));
  color: var(--mca-on-action, var(--mca-on-primary));
  border: 1px solid var(--mca-border-interactive);
}
[data-palette="coastal-linen"] .theme-primary:hover {
  background: var(--mca-action-hover, var(--mca-primary-hover));
  color: var(--mca-on-action-hover, var(--mca-on-primary-hover));
}
[data-palette="coastal-linen"] .theme-primary:focus-visible {
  outline: 3px solid var(--mca-focus-ring);
  outline-offset: 3px;
}

[data-palette="coastal-linen"] { color-scheme: light; }

/* Adapted 20 October 2026 from Coolors. Source: https://coolors.co/palettes/trending. Displayed likes: 19.2K. Original source colours: #F8F9FA, #E9ECEF, #DEE2E6, #CED4DA, #ADB5BD, #6C757D, #495057, #343A40, #212529. UI roles and added shades are report adaptations, not official source tokens. No MIT or Apache licence is asserted for these community references.
Reference: https://coolors.co/palettes/trending
 */
[data-palette="light-steel"] {
  --mca-background: #F8F9FA;
  --mca-surface: #ECEDEF;
  --mca-text: #212529;
  --mca-primary: #495057;
  --mca-secondary: #CED4DA;
  --mca-accent: #6C757D;
  --mca-text-muted: #676A6C;
  --mca-border-subtle: #D0D1D3;
  --mca-border-interactive: #848689;
  --mca-focus-ring: #495057;
  --mca-link: #495057;
  --mca-link-on-surface: #495057;
  --mca-link-hover: #434A50;
  --mca-link-visited: #626A72;
  --mca-link-visited-hover: #586067;
  --mca-selected-surface: #DDDFE1;
  --mca-on-selected: #212529;
  --mca-selected-border: #495057;
  --mca-on-primary: #FFFFFF;
  --mca-primary-hover: #40464D;
  --mca-on-primary-hover: #FFFFFF;
  --mca-on-secondary: #000000;
  --mca-secondary-hover: #B5BBC0;
  --mca-on-secondary-hover: #000000;
  --mca-on-accent: #FFFFFF;
  --mca-accent-hover: #5F676E;
  --mca-on-accent-hover: #FFFFFF;
}

[data-palette="light-steel"] .theme-primary {
  background: var(--mca-action, var(--mca-primary));
  color: var(--mca-on-action, var(--mca-on-primary));
  border: 1px solid var(--mca-border-interactive);
}
[data-palette="light-steel"] .theme-primary:hover {
  background: var(--mca-action-hover, var(--mca-primary-hover));
  color: var(--mca-on-action-hover, var(--mca-on-primary-hover));
}
[data-palette="light-steel"] .theme-primary:focus-visible {
  outline: 3px solid var(--mca-focus-ring);
  outline-offset: 3px;
}

[data-palette="light-steel"] { color-scheme: light; }

/* Adapted 20 October 2026 from Coolors. Source: https://coolors.co/palettes/trending. Displayed likes: 27.6K. Original source colours: #0D1B2A, #1B263B, #415A77, #778DA9, #E0E1DD. UI roles and added shades are report adaptations, not official source tokens. No MIT or Apache licence is asserted for these community references.
Reference: https://coolors.co/palettes/trending
 */
[data-palette="blue-steel"] {
  --mca-background: #F5F6F4;
  --mca-surface: #E8EAE9;
  --mca-text: #0D1B2A;
  --mca-primary: #415A77;
  --mca-secondary: #E0E1DD;
  --mca-accent: #778DA9;
  --mca-text-muted: #616970;
  --mca-border-subtle: #C9CDCE;
  --mca-border-interactive: #7D848B;
  --mca-focus-ring: #415A77;
  --mca-link: #415A77;
  --mca-link-on-surface: #415A77;
  --mca-link-hover: #39516B;
  --mca-link-visited: #58687D;
  --mca-link-visited-hover: #4D5C71;
  --mca-selected-surface: #D9DDDF;
  --mca-on-selected: #0D1B2A;
  --mca-selected-border: #415A77;
  --mca-on-primary: #FFFFFF;
  --mca-primary-hover: #394F69;
  --mca-on-primary-hover: #FFFFFF;
  --mca-on-secondary: #000000;
  --mca-secondary-hover: #C5C6C2;
  --mca-on-secondary-hover: #000000;
  --mca-on-accent: #000000;
  --mca-accent-hover: #697C95;
  --mca-on-accent-hover: #000000;
}

[data-palette="blue-steel"] .theme-primary {
  background: var(--mca-action, var(--mca-primary));
  color: var(--mca-on-action, var(--mca-on-primary));
  border: 1px solid var(--mca-border-interactive);
}
[data-palette="blue-steel"] .theme-primary:hover {
  background: var(--mca-action-hover, var(--mca-primary-hover));
  color: var(--mca-on-action-hover, var(--mca-on-primary-hover));
}
[data-palette="blue-steel"] .theme-primary:focus-visible {
  outline: 3px solid var(--mca-focus-ring);
  outline-offset: 3px;
}

[data-palette="blue-steel"] { color-scheme: light; }

/* Adapted 20 October 2026 from Color Hunt. Source: https://colorhunt.co/palette/27374d526d829db2bfdde6ed. Displayed likes: 36,247. Original source colours: #27374D, #526D82, #9DB2BF, #DDE6ED. UI roles and added shades are report adaptations, not official source tokens. No MIT or Apache licence is asserted for these community references.
Reference: https://colorhunt.co/palette/27374d526d829db2bfdde6ed
 */
[data-palette="slate-workshop"] {
  --mca-background: #F4F7F9;
  --mca-surface: #E9ECF0;
  --mca-text: #27374D;
  --mca-primary: #526D82;
  --mca-secondary: #9DB2BF;
  --mca-accent: #27374D;
  --mca-text-muted: #626A74;
  --mca-border-subtle: #CED3D9;
  --mca-border-interactive: #7E8691;
  --mca-focus-ring: #526D82;
  --mca-link: #516C81;
  --mca-link-on-surface: #516C81;
  --mca-link-hover: #4B6479;
  --mca-link-visited: #27374D;
  --mca-link-visited-hover: #27374D;
  --mca-selected-surface: #DBE1E6;
  --mca-on-selected: #27374D;
  --mca-selected-border: #526D82;
  --mca-on-primary: #FFFFFF;
  --mca-primary-hover: #486072;
  --mca-on-primary-hover: #FFFFFF;
  --mca-on-secondary: #000000;
  --mca-secondary-hover: #8A9DA8;
  --mca-on-secondary-hover: #000000;
  --mca-on-accent: #FFFFFF;
  --mca-accent-hover: #223044;
  --mca-on-accent-hover: #FFFFFF;
}

[data-palette="slate-workshop"] .theme-primary {
  background: var(--mca-action, var(--mca-primary));
  color: var(--mca-on-action, var(--mca-on-primary));
  border: 1px solid var(--mca-border-interactive);
}
[data-palette="slate-workshop"] .theme-primary:hover {
  background: var(--mca-action-hover, var(--mca-primary-hover));
  color: var(--mca-on-action-hover, var(--mca-on-primary-hover));
}
[data-palette="slate-workshop"] .theme-primary:focus-visible {
  outline: 3px solid var(--mca-focus-ring);
  outline-offset: 3px;
}

[data-palette="slate-workshop"] { color-scheme: light; }

/* Adapted 20 October 2026 from Color Hunt. Source: https://colorhunt.co/palette/2c36393f4e4fa27b5cdcd7c9. Displayed likes: 27,815. Original source colours: #2C3639, #3F4E4F, #A27B5C, #DCD7C9. UI roles and added shades are report adaptations, not official source tokens. No MIT or Apache licence is asserted for these community references.
Reference: https://colorhunt.co/palette/2c36393f4e4fa27b5cdcd7c9
 */
[data-palette="charcoal-brass"] {
  --mca-background: #F6F3EC;
  --mca-surface: #EBE9E2;
  --mca-text: #2C3639;
  --mca-primary: #3F4E4F;
  --mca-secondary: #DCD7C9;
  --mca-accent: #A27B5C;
  --mca-text-muted: #656867;
  --mca-border-subtle: #D0D0CA;
  --mca-border-interactive: #818482;
  --mca-focus-ring: #3F4E4F;
  --mca-link: #3F4E4F;
  --mca-link-on-surface: #3F4E4F;
  --mca-link-hover: #3C4A4C;
  --mca-link-visited: #806149;
  --mca-link-visited-hover: #735B47;
  --mca-selected-surface: #DCDBD5;
  --mca-on-selected: #2C3639;
  --mca-selected-border: #3F4E4F;
  --mca-on-primary: #FFFFFF;
  --mca-primary-hover: #374546;
  --mca-on-primary-hover: #FFFFFF;
  --mca-on-secondary: #000000;
  --mca-secondary-hover: #C2BDB1;
  --mca-on-secondary-hover: #000000;
  --mca-on-accent: #000000;
  --mca-accent-hover: #8F6C51;
  --mca-on-accent-hover: #FFFFFF;
}

[data-palette="charcoal-brass"] .theme-primary {
  background: var(--mca-action, var(--mca-primary));
  color: var(--mca-on-action, var(--mca-on-primary));
  border: 1px solid var(--mca-border-interactive);
}
[data-palette="charcoal-brass"] .theme-primary:hover {
  background: var(--mca-action-hover, var(--mca-primary-hover));
  color: var(--mca-on-action-hover, var(--mca-on-primary-hover));
}
[data-palette="charcoal-brass"] .theme-primary:focus-visible {
  outline: 3px solid var(--mca-focus-ring);
  outline-offset: 3px;
}

[data-palette="charcoal-brass"] { color-scheme: light; }

/* Adapted 20 October 2026 from Coolors. Source: https://coolors.co/palettes/trending. Displayed likes: 4,609. Original source colours: #0B2027, #40798C, #70A9A1, #CFD7C7, #F6F1D1. UI roles and added shades are report adaptations, not official source tokens. No MIT or Apache licence is asserted for these community references.
Reference: https://coolors.co/palettes/trending
 */
[data-palette="serene-waters"] {
  --mca-background: #F9F8F0;
  --mca-surface: #ECECE5;
  --mca-text: #0B2027;
  --mca-primary: #40798C;
  --mca-secondary: #CFD7C7;
  --mca-accent: #70A9A1;
  --mca-text-muted: #616B6B;
  --mca-border-subtle: #CCCFCA;
  --mca-border-interactive: #7D8686;
  --mca-focus-ring: #40798C;
  --mca-link: #3B6F81;
  --mca-link-on-surface: #3B6F81;
  --mca-link-hover: #346373;
  --mca-link-visited: #4A706A;
  --mca-link-visited-hover: #416460;
  --mca-selected-surface: #DDE2DD;
  --mca-on-selected: #0B2027;
  --mca-selected-border: #40798C;
  --mca-on-primary: #FFFFFF;
  --mca-primary-hover: #386A7B;
  --mca-on-primary-hover: #FFFFFF;
  --mca-on-secondary: #000000;
  --mca-secondary-hover: #B6BDAF;
  --mca-on-secondary-hover: #000000;
  --mca-on-accent: #000000;
  --mca-accent-hover: #63958E;
  --mca-on-accent-hover: #000000;
}

[data-palette="serene-waters"] .theme-primary {
  background: var(--mca-action, var(--mca-primary));
  color: var(--mca-on-action, var(--mca-on-primary));
  border: 1px solid var(--mca-border-interactive);
}
[data-palette="serene-waters"] .theme-primary:hover {
  background: var(--mca-action-hover, var(--mca-primary-hover));
  color: var(--mca-on-action-hover, var(--mca-on-primary-hover));
}
[data-palette="serene-waters"] .theme-primary:focus-visible {
  outline: 3px solid var(--mca-focus-ring);
  outline-offset: 3px;
}

[data-palette="serene-waters"] { color-scheme: light; }

/* Adapted 20 October 2026 from Coolors. Source: https://coolors.co/palettes/trending. Displayed likes: 88K. Original source colours: #CDB4DB, #FFC8DD, #FFAFCC, #BDE0FE, #A2D2FF. UI roles and added shades are report adaptations, not official source tokens. No MIT or Apache licence is asserted for these community references.
Reference: https://coolors.co/palettes/trending
 */
[data-palette="pastel-dreamland"] {
  --mca-background: #FCF8FC;
  --mca-surface: #F1ECF1;
  --mca-text: #35263D;
  --mca-primary: #71517F;
  --mca-secondary: #CDB4DB;
  --mca-accent: #FFC8DD;
  --mca-text-muted: #706774;
  --mca-border-subtle: #D7D0D8;
  --mca-border-interactive: #8A828E;
  --mca-focus-ring: #71517F;
  --mca-link: #71517F;
  --mca-link-on-surface: #71517F;
  --mca-link-hover: #684B75;
  --mca-link-visited: #7D626C;
  --mca-link-visited-hover: #725965;
  --mca-selected-surface: #E5DEE7;
  --mca-on-selected: #35263D;
  --mca-selected-border: #71517F;
  --mca-on-primary: #FFFFFF;
  --mca-primary-hover: #634770;
  --mca-on-primary-hover: #FFFFFF;
  --mca-on-secondary: #000000;
  --mca-secondary-hover: #B49EC1;
  --mca-on-secondary-hover: #000000;
  --mca-on-accent: #000000;
  --mca-accent-hover: #E0B0C2;
  --mca-on-accent-hover: #000000;
}

[data-palette="pastel-dreamland"] .theme-primary {
  background: var(--mca-action, var(--mca-primary));
  color: var(--mca-on-action, var(--mca-on-primary));
  border: 1px solid var(--mca-border-interactive);
}
[data-palette="pastel-dreamland"] .theme-primary:hover {
  background: var(--mca-action-hover, var(--mca-primary-hover));
  color: var(--mca-on-action-hover, var(--mca-on-primary-hover));
}
[data-palette="pastel-dreamland"] .theme-primary:focus-visible {
  outline: 3px solid var(--mca-focus-ring);
  outline-offset: 3px;
}

[data-palette="pastel-dreamland"] { color-scheme: light; }

/* Adapted 20 October 2026 from Coolors. Source: https://coolors.co/palettes/trending. Displayed likes: 43.7K. Original source colours: #D8E2DC, #FFE5D9, #FFCAD4, #F4ACB7, #9D8189. UI roles and added shades are report adaptations, not official source tokens. No MIT or Apache licence is asserted for these community references.
Reference: https://coolors.co/palettes/trending
 */
[data-palette="peach-sage"] {
  --mca-background: #FFFAF7;
  --mca-surface: #F4EFEC;
  --mca-text: #382B30;
  --mca-primary: #795B65;
  --mca-secondary: #D8E2DC;
  --mca-accent: #F4ACB7;
  --mca-text-muted: #71696B;
  --mca-border-subtle: #DAD4D2;
  --mca-border-interactive: #8E8587;
  --mca-focus-ring: #795B65;
  --mca-link: #795B65;
  --mca-link-on-surface: #795B65;
  --mca-link-hover: #6F545D;
  --mca-link-visited: #896066;
  --mca-link-visited-hover: #7D585E;
  --mca-selected-surface: #E9E2E0;
  --mca-on-selected: #382B30;
  --mca-selected-border: #795B65;
  --mca-on-primary: #FFFFFF;
  --mca-primary-hover: #6A5059;
  --mca-on-primary-hover: #FFFFFF;
  --mca-on-secondary: #000000;
  --mca-secondary-hover: #BEC7C2;
  --mca-on-secondary-hover: #000000;
  --mca-on-accent: #000000;
  --mca-accent-hover: #D797A1;
  --mca-on-accent-hover: #000000;
}

[data-palette="peach-sage"] .theme-primary {
  background: var(--mca-action, var(--mca-primary));
  color: var(--mca-on-action, var(--mca-on-primary));
  border: 1px solid var(--mca-border-interactive);
}
[data-palette="peach-sage"] .theme-primary:hover {
  background: var(--mca-action-hover, var(--mca-primary-hover));
  color: var(--mca-on-action-hover, var(--mca-on-primary-hover));
}
[data-palette="peach-sage"] .theme-primary:focus-visible {
  outline: 3px solid var(--mca-focus-ring);
  outline-offset: 3px;
}

[data-palette="peach-sage"] { color-scheme: light; }

/* Adapted 20 October 2026 from Coolors. Source: https://coolors.co/palettes/trending. Displayed likes: 75.2K. Original source colours: #FFCDB2, #FFB4A2, #E5989B, #B5838D, #6D6875. UI roles and added shades are report adaptations, not official source tokens. No MIT or Apache licence is asserted for these community references.
Reference: https://coolors.co/palettes/trending
 */
[data-palette="muted-rose"] {
  --mca-background: #FFF8F4;
  --mca-surface: #F4EDEA;
  --mca-text: #39333E;
  --mca-primary: #6D6875;
  --mca-secondary: #FFCDB2;
  --mca-accent: #B5838D;
  --mca-text-muted: #6D696C;
  --mca-border-subtle: #DAD3D2;
  --mca-border-interactive: #898487;
  --mca-focus-ring: #6D6875;
  --mca-link: #6D6875;
  --mca-link-on-surface: #6D6875;
  --mca-link-hover: #65606D;
  --mca-link-visited: #866168;
  --mca-link-visited-hover: #7A5A62;
  --mca-selected-surface: #E8E1DF;
  --mca-on-selected: #39333E;
  --mca-selected-border: #6D6875;
  --mca-on-primary: #FFFFFF;
  --mca-primary-hover: #605C67;
  --mca-on-primary-hover: #FFFFFF;
  --mca-on-secondary: #000000;
  --mca-secondary-hover: #E0B49D;
  --mca-on-secondary-hover: #000000;
  --mca-on-accent: #000000;
  --mca-accent-hover: #9F737C;
  --mca-on-accent-hover: #000000;
}

[data-palette="muted-rose"] .theme-primary {
  background: var(--mca-action, var(--mca-primary));
  color: var(--mca-on-action, var(--mca-on-primary));
  border: 1px solid var(--mca-border-interactive);
}
[data-palette="muted-rose"] .theme-primary:hover {
  background: var(--mca-action-hover, var(--mca-primary-hover));
  color: var(--mca-on-action-hover, var(--mca-on-primary-hover));
}
[data-palette="muted-rose"] .theme-primary:focus-visible {
  outline: 3px solid var(--mca-focus-ring);
  outline-offset: 3px;
}

[data-palette="muted-rose"] { color-scheme: light; }

/* Adapted 20 October 2026 from Coolors. Source: https://coolors.co/palettes/trending. Displayed likes: 43.9K. Original source colours: #FFADAD, #FFD6A5, #FDFFB6, #CAFFBF, #9BF6FF, #A0C4FF, #BDB2FF, #FFC6FF, #FFFFFC. UI roles and added shades are report adaptations, not official source tokens. No MIT or Apache licence is asserted for these community references.
Reference: https://coolors.co/palettes/trending
 */
[data-palette="pastel-rainbow"] {
  --mca-background: #FFFFFC;
  --mca-surface: #F4F3F2;
  --mca-text: #302841;
  --mca-primary: #665298;
  --mca-secondary: #BDB2FF;
  --mca-accent: #FFD6A5;
  --mca-text-muted: #706C78;
  --mca-border-subtle: #D9D7D9;
  --mca-border-interactive: #8C8891;
  --mca-focus-ring: #665298;
  --mca-link: #665298;
  --mca-link-on-surface: #665298;
  --mca-link-hover: #5E4C8B;
  --mca-link-visited: #7D6951;
  --mca-link-visited-hover: #715F4F;
  --mca-selected-surface: #E7E5EA;
  --mca-on-selected: #302841;
  --mca-selected-border: #665298;
  --mca-on-primary: #FFFFFF;
  --mca-primary-hover: #5A4886;
  --mca-on-primary-hover: #FFFFFF;
  --mca-on-secondary: #000000;
  --mca-secondary-hover: #A69DE0;
  --mca-on-secondary-hover: #000000;
  --mca-on-accent: #000000;
  --mca-accent-hover: #E0BC91;
  --mca-on-accent-hover: #000000;
}

[data-palette="pastel-rainbow"] .theme-primary {
  background: var(--mca-action, var(--mca-primary));
  color: var(--mca-on-action, var(--mca-on-primary));
  border: 1px solid var(--mca-border-interactive);
}
[data-palette="pastel-rainbow"] .theme-primary:hover {
  background: var(--mca-action-hover, var(--mca-primary-hover));
  color: var(--mca-on-action-hover, var(--mca-on-primary-hover));
}
[data-palette="pastel-rainbow"] .theme-primary:focus-visible {
  outline: 3px solid var(--mca-focus-ring);
  outline-offset: 3px;
}

[data-palette="pastel-rainbow"] { color-scheme: light; }

/* Adapted 20 October 2026 from Color Hunt. Source: https://colorhunt.co/palette/f4eeffdcd6f7a6b1e1424874. Displayed likes: 38,244. Original source colours: #F4EEFF, #DCD6F7, #A6B1E1, #424874. UI roles and added shades are report adaptations, not official source tokens. No MIT or Apache licence is asserted for these community references.
Reference: https://colorhunt.co/palette/f4eeffdcd6f7a6b1e1424874
 */
[data-palette="periwinkle-paper"] {
  --mca-background: #F9F6FF;
  --mca-surface: #EEEBF6;
  --mca-text: #303453;
  --mca-primary: #424874;
  --mca-secondary: #DCD6F7;
  --mca-accent: #A6B1E1;
  --mca-text-muted: #676879;
  --mca-border-subtle: #D3D1DF;
  --mca-border-interactive: #828395;
  --mca-focus-ring: #424874;
  --mca-link: #424874;
  --mca-link-on-surface: #424874;
  --mca-link-hover: #3F456F;
  --mca-link-visited: #626885;
  --mca-link-visited-hover: #5A607E;
  --mca-selected-surface: #DFDCEA;
  --mca-on-selected: #303453;
  --mca-selected-border: #424874;
  --mca-on-primary: #FFFFFF;
  --mca-primary-hover: #3A3F66;
  --mca-on-primary-hover: #FFFFFF;
  --mca-on-secondary: #000000;
  --mca-secondary-hover: #C2BCD9;
  --mca-on-secondary-hover: #000000;
  --mca-on-accent: #000000;
  --mca-accent-hover: #929CC6;
  --mca-on-accent-hover: #000000;
}

[data-palette="periwinkle-paper"] .theme-primary {
  background: var(--mca-action, var(--mca-primary));
  color: var(--mca-on-action, var(--mca-on-primary));
  border: 1px solid var(--mca-border-interactive);
}
[data-palette="periwinkle-paper"] .theme-primary:hover {
  background: var(--mca-action-hover, var(--mca-primary-hover));
  color: var(--mca-on-action-hover, var(--mca-on-primary-hover));
}
[data-palette="periwinkle-paper"] .theme-primary:focus-visible {
  outline: 3px solid var(--mca-focus-ring);
  outline-offset: 3px;
}

[data-palette="periwinkle-paper"] { color-scheme: light; }

/* Adapted 20 October 2026 from Coolors. Source: https://coolors.co/palettes/trending. Displayed likes: 97.4K. Original source colours: #606C38, #283618, #FEFAE0, #DDA15E, #BC6C25. UI roles and added shades are report adaptations, not official source tokens. No MIT or Apache licence is asserted for these community references.
Reference: https://coolors.co/palettes/trending
 */
[data-palette="olive-garden"] {
  --mca-background: #FEFAE0;
  --mca-surface: #F2EFD5;
  --mca-text: #283618;
  --mca-primary: #606C38;
  --mca-secondary: #DDA15E;
  --mca-accent: #BC6C25;
  --mca-text-muted: #686D56;
  --mca-border-subtle: #D6D5BB;
  --mca-border-interactive: #848970;
  --mca-focus-ring: #606C38;
  --mca-link: #606C38;
  --mca-link-on-surface: #606C38;
  --mca-link-hover: #586433;
  --mca-link-visited: #9C5A1F;
  --mca-link-visited-hover: #8B551E;
  --mca-selected-surface: #E5E3C7;
  --mca-on-selected: #283618;
  --mca-selected-border: #606C38;
  --mca-on-primary: #FFFFFF;
  --mca-primary-hover: #545F31;
  --mca-on-primary-hover: #FFFFFF;
  --mca-on-secondary: #000000;
  --mca-secondary-hover: #C28E53;
  --mca-on-secondary-hover: #000000;
  --mca-on-accent: #000000;
  --mca-accent-hover: #A55F21;
  --mca-on-accent-hover: #FFFFFF;
}

[data-palette="olive-garden"] .theme-primary {
  background: var(--mca-action, var(--mca-primary));
  color: var(--mca-on-action, var(--mca-on-primary));
  border: 1px solid var(--mca-border-interactive);
}
[data-palette="olive-garden"] .theme-primary:hover {
  background: var(--mca-action-hover, var(--mca-primary-hover));
  color: var(--mca-on-action-hover, var(--mca-on-primary-hover));
}
[data-palette="olive-garden"] .theme-primary:focus-visible {
  outline: 3px solid var(--mca-focus-ring);
  outline-offset: 3px;
}

[data-palette="olive-garden"] { color-scheme: light; }

/* Adapted 20 October 2026 from Coolors. Source: https://coolors.co/palettes/trending. Displayed likes: 48.9K. Original source colours: #DAD7CD, #A3B18A, #588157, #3A5A40, #344E41. UI roles and added shades are report adaptations, not official source tokens. No MIT or Apache licence is asserted for these community references.
Reference: https://coolors.co/palettes/trending
 */
[data-palette="forest-stone"] {
  --mca-background: #F5F4EE;
  --mca-surface: #EAEBE4;
  --mca-text: #344E41;
  --mca-primary: #3A5A40;
  --mca-secondary: #A3B18A;
  --mca-accent: #588157;
  --mca-text-muted: #606B63;
  --mca-border-subtle: #D1D5CD;
  --mca-border-interactive: #7C8780;
  --mca-focus-ring: #3A5A40;
  --mca-link: #3A5A40;
  --mca-link-on-surface: #3A5A40;
  --mca-link-hover: #395840;
  --mca-link-visited: #4D704C;
  --mca-link-visited-hover: #496B4A;
  --mca-selected-surface: #DADED5;
  --mca-on-selected: #344E41;
  --mca-selected-border: #3A5A40;
  --mca-on-primary: #FFFFFF;
  --mca-primary-hover: #334F38;
  --mca-on-primary-hover: #FFFFFF;
  --mca-on-secondary: #000000;
  --mca-secondary-hover: #8F9C79;
  --mca-on-secondary-hover: #000000;
  --mca-on-accent: #000000;
  --mca-accent-hover: #4D724D;
  --mca-on-accent-hover: #FFFFFF;
}

[data-palette="forest-stone"] .theme-primary {
  background: var(--mca-action, var(--mca-primary));
  color: var(--mca-on-action, var(--mca-on-primary));
  border: 1px solid var(--mca-border-interactive);
}
[data-palette="forest-stone"] .theme-primary:hover {
  background: var(--mca-action-hover, var(--mca-primary-hover));
  color: var(--mca-on-action-hover, var(--mca-on-primary-hover));
}
[data-palette="forest-stone"] .theme-primary:focus-visible {
  outline: 3px solid var(--mca-focus-ring);
  outline-offset: 3px;
}

[data-palette="forest-stone"] { color-scheme: light; }

/* Adapted 20 October 2026 from Coolors. Source: https://coolors.co/palettes/trending. Displayed likes: 38.2K. Original source colours: #CAD2C5, #84A98C, #52796F, #354F52, #2F3E46. UI roles and added shades are report adaptations, not official source tokens. No MIT or Apache licence is asserted for these community references.
Reference: https://coolors.co/palettes/trending
 */
[data-palette="eucalyptus"] {
  --mca-background: #F5F7F2;
  --mca-surface: #EAEDE9;
  --mca-text: #2F3E46;
  --mca-primary: #52796F;
  --mca-secondary: #CAD2C5;
  --mca-accent: #84A98C;
  --mca-text-muted: #636A6C;
  --mca-border-subtle: #D0D4D2;
  --mca-border-interactive: #7F8688;
  --mca-focus-ring: #52796F;
  --mca-link: #4C7167;
  --mca-link-on-surface: #4C7167;
  --mca-link-hover: #486962;
  --mca-link-visited: #566E5B;
  --mca-link-visited-hover: #506758;
  --mca-selected-surface: #DCE3DE;
  --mca-on-selected: #2F3E46;
  --mca-selected-border: #52796F;
  --mca-on-primary: #FFFFFF;
  --mca-primary-hover: #486A62;
  --mca-on-primary-hover: #FFFFFF;
  --mca-on-secondary: #000000;
  --mca-secondary-hover: #B2B9AD;
  --mca-on-secondary-hover: #000000;
  --mca-on-accent: #000000;
  --mca-accent-hover: #74957B;
  --mca-on-accent-hover: #000000;
}

[data-palette="eucalyptus"] .theme-primary {
  background: var(--mca-action, var(--mca-primary));
  color: var(--mca-on-action, var(--mca-on-primary));
  border: 1px solid var(--mca-border-interactive);
}
[data-palette="eucalyptus"] .theme-primary:hover {
  background: var(--mca-action-hover, var(--mca-primary-hover));
  color: var(--mca-on-action-hover, var(--mca-on-primary-hover));
}
[data-palette="eucalyptus"] .theme-primary:focus-visible {
  outline: 3px solid var(--mca-focus-ring);
  outline-offset: 3px;
}

[data-palette="eucalyptus"] { color-scheme: light; }

/* Adapted 20 October 2026 from Coolors. Source: https://coolors.co/palettes/trending. Displayed likes: 84.8K. Original source colours: #CCD5AE, #E9EDC9, #FEFAE0, #FAEDCD, #D4A373. UI roles and added shades are report adaptations, not official source tokens. No MIT or Apache licence is asserted for these community references.
Reference: https://coolors.co/palettes/trending
 */
[data-palette="golden-fields"] {
  --mca-background: #FEFAE0;
  --mca-surface: #F3EFD6;
  --mca-text: #343B24;
  --mca-primary: #6A7546;
  --mca-secondary: #CCD5AE;
  --mca-accent: #D4A373;
  --mca-text-muted: #6B6C5A;
  --mca-border-subtle: #D8D6BD;
  --mca-border-interactive: #878872;
  --mca-focus-ring: #6A7546;
  --mca-link: #656F42;
  --mca-link-on-surface: #656F42;
  --mca-link-hover: #5E673E;
  --mca-link-visited: #836547;
  --mca-link-visited-hover: #775F42;
  --mca-selected-surface: #E7E4C9;
  --mca-on-selected: #343B24;
  --mca-selected-border: #6A7546;
  --mca-on-primary: #FFFFFF;
  --mca-primary-hover: #5D673E;
  --mca-on-primary-hover: #FFFFFF;
  --mca-on-secondary: #000000;
  --mca-secondary-hover: #B4BB99;
  --mca-on-secondary-hover: #000000;
  --mca-on-accent: #000000;
  --mca-accent-hover: #BB8F65;
  --mca-on-accent-hover: #000000;
}

[data-palette="golden-fields"] .theme-primary {
  background: var(--mca-action, var(--mca-primary));
  color: var(--mca-on-action, var(--mca-on-primary));
  border: 1px solid var(--mca-border-interactive);
}
[data-palette="golden-fields"] .theme-primary:hover {
  background: var(--mca-action-hover, var(--mca-primary-hover));
  color: var(--mca-on-action-hover, var(--mca-on-primary-hover));
}
[data-palette="golden-fields"] .theme-primary:focus-visible {
  outline: 3px solid var(--mca-focus-ring);
  outline-offset: 3px;
}

[data-palette="golden-fields"] { color-scheme: light; }

/* Adapted 20 October 2026 from Coolors. Source: https://coolors.co/palettes/trending. Displayed likes: 23K. Original source colours: #386641, #6A994E, #A7C957, #F2E8CF, #BC4749. UI roles and added shades are report adaptations, not official source tokens. No MIT or Apache licence is asserted for these community references.
Reference: https://coolors.co/palettes/trending
 */
[data-palette="fresh-greens"] {
  --mca-background: #FAF6EB;
  --mca-surface: #EEECE0;
  --mca-text: #263D2A;
  --mca-primary: #386641;
  --mca-secondary: #A7C957;
  --mca-accent: #BC4749;
  --mca-text-muted: #636C60;
  --mca-border-subtle: #D2D4C7;
  --mca-border-interactive: #7F8879;
  --mca-focus-ring: #386641;
  --mca-link: #386641;
  --mca-link-on-surface: #386641;
  --mca-link-hover: #35603E;
  --mca-link-visited: #B34345;
  --mca-link-visited-hover: #9E4241;
  --mca-selected-surface: #DEE0D2;
  --mca-on-selected: #263D2A;
  --mca-selected-border: #386641;
  --mca-on-primary: #FFFFFF;
  --mca-primary-hover: #315A39;
  --mca-on-primary-hover: #FFFFFF;
  --mca-on-secondary: #000000;
  --mca-secondary-hover: #93B14D;
  --mca-on-secondary-hover: #000000;
  --mca-on-accent: #FFFFFF;
  --mca-accent-hover: #A53E40;
  --mca-on-accent-hover: #FFFFFF;
}

[data-palette="fresh-greens"] .theme-primary {
  background: var(--mca-action, var(--mca-primary));
  color: var(--mca-on-action, var(--mca-on-primary));
  border: 1px solid var(--mca-border-interactive);
}
[data-palette="fresh-greens"] .theme-primary:hover {
  background: var(--mca-action-hover, var(--mca-primary-hover));
  color: var(--mca-on-action-hover, var(--mca-on-primary-hover));
}
[data-palette="fresh-greens"] .theme-primary:focus-visible {
  outline: 3px solid var(--mca-focus-ring);
  outline-offset: 3px;
}

[data-palette="fresh-greens"] { color-scheme: light; }

/* Adapted 20 October 2026 from Coolors. Source: https://coolors.co/palettes/trending. Displayed likes: 79.1K. Original source colours: #E63946, #F1FAEE, #A8DADC, #457B9D, #1D3557. UI roles and added shades are report adaptations, not official source tokens. No MIT or Apache licence is asserted for these community references.
Reference: https://coolors.co/palettes/trending
 */
[data-palette="ocean-coral"] {
  --mca-background: #F7FAF5;
  --mca-surface: #EBEFEC;
  --mca-text: #1D3557;
  --mca-primary: #457B9D;
  --mca-secondary: #A8DADC;
  --mca-accent: #E63946;
  --mca-text-muted: #606B79;
  --mca-border-subtle: #CED5D7;
  --mca-border-interactive: #7B8794;
  --mca-focus-ring: #457B9D;
  --mca-link: #3F708F;
  --mca-link-on-surface: #3F708F;
  --mca-link-hover: #3A6787;
  --mca-link-visited: #C6313C;
  --mca-link-visited-hover: #AD3240;
  --mca-selected-surface: #DCE5E5;
  --mca-on-selected: #1D3557;
  --mca-selected-border: #457B9D;
  --mca-on-primary: #FFFFFF;
  --mca-primary-hover: #3D6C8A;
  --mca-on-primary-hover: #FFFFFF;
  --mca-on-secondary: #000000;
  --mca-secondary-hover: #94C0C2;
  --mca-on-secondary-hover: #000000;
  --mca-on-accent: #000000;
  --mca-accent-hover: #CA323E;
  --mca-on-accent-hover: #FFFFFF;
}

[data-palette="ocean-coral"] .theme-primary {
  background: var(--mca-action, var(--mca-primary));
  color: var(--mca-on-action, var(--mca-on-primary));
  border: 1px solid var(--mca-border-interactive);
}
[data-palette="ocean-coral"] .theme-primary:hover {
  background: var(--mca-action-hover, var(--mca-primary-hover));
  color: var(--mca-on-action-hover, var(--mca-on-primary-hover));
}
[data-palette="ocean-coral"] .theme-primary:focus-visible {
  outline: 3px solid var(--mca-focus-ring);
  outline-offset: 3px;
}

[data-palette="ocean-coral"] { color-scheme: light; }

/* Adapted 20 October 2026 from Coolors. Source: https://coolors.co/palettes/trending. Displayed likes: 67.8K. Original source colours: #8ECAE6, #219EBC, #023047, #FFB703, #FB8500. UI roles and added shades are report adaptations, not official source tokens. No MIT or Apache licence is asserted for these community references.
Reference: https://coolors.co/palettes/trending
 */
[data-palette="blue-saffron"] {
  --mca-background: #F5FAFC;
  --mca-surface: #E8EFF2;
  --mca-text: #023047;
  --mca-primary: #023047;
  --mca-secondary: #8ECAE6;
  --mca-accent: #FFB703;
  --mca-text-muted: #566E7A;
  --mca-border-subtle: #C8D4DA;
  --mca-border-interactive: #728995;
  --mca-focus-ring: #023047;
  --mca-link: #023047;
  --mca-link-on-surface: #023047;
  --mca-link-hover: #023047;
  --mca-link-visited: #8A6302;
  --mca-link-visited-hover: #765B0C;
  --mca-selected-surface: #D3DEE3;
  --mca-on-selected: #023047;
  --mca-selected-border: #023047;
  --mca-on-primary: #FFFFFF;
  --mca-primary-hover: #022A3E;
  --mca-on-primary-hover: #FFFFFF;
  --mca-on-secondary: #000000;
  --mca-secondary-hover: #7DB2CA;
  --mca-on-secondary-hover: #000000;
  --mca-on-accent: #000000;
  --mca-accent-hover: #E0A103;
  --mca-on-accent-hover: #000000;
}

[data-palette="blue-saffron"] .theme-primary {
  background: var(--mca-action, var(--mca-primary));
  color: var(--mca-on-action, var(--mca-on-primary));
  border: 1px solid var(--mca-border-interactive);
}
[data-palette="blue-saffron"] .theme-primary:hover {
  background: var(--mca-action-hover, var(--mca-primary-hover));
  color: var(--mca-on-action-hover, var(--mca-on-primary-hover));
}
[data-palette="blue-saffron"] .theme-primary:focus-visible {
  outline: 3px solid var(--mca-focus-ring);
  outline-offset: 3px;
}

[data-palette="blue-saffron"] { color-scheme: light; }

/* Adapted 20 October 2026 from Coolors. Source: https://coolors.co/palettes/trending. Displayed likes: 41.2K. Original source colours: #03045E, #023E8A, #0077B6, #0096C7, #00B4D8, #48CAE4, #90E0EF, #ADE8F4, #CAF0F8. UI roles and added shades are report adaptations, not official source tokens. No MIT or Apache licence is asserted for these community references.
Reference: https://coolors.co/palettes/trending
 */
[data-palette="ocean-blue"] {
  --mca-background: #F5FBFD;
  --mca-surface: #E8EDF4;
  --mca-text: #03045E;
  --mca-primary: #0077B6;
  --mca-secondary: #CAF0F8;
  --mca-accent: #48CAE4;
  --mca-text-muted: #636697;
  --mca-border-subtle: #C8CCDF;
  --mca-border-interactive: #7C80AE;
  --mca-focus-ring: #0077B6;
  --mca-link: #006FA9;
  --mca-link-on-surface: #006FA9;
  --mca-link-hover: #005F9E;
  --mca-link-visited: #297382;
  --mca-link-visited-hover: #23627D;
  --mca-selected-surface: #D3E2EE;
  --mca-on-selected: #03045E;
  --mca-selected-border: #0077B6;
  --mca-on-primary: #FFFFFF;
  --mca-primary-hover: #0069A0;
  --mca-on-primary-hover: #FFFFFF;
  --mca-on-secondary: #000000;
  --mca-secondary-hover: #B2D3DA;
  --mca-on-secondary-hover: #000000;
  --mca-on-accent: #000000;
  --mca-accent-hover: #3FB2C9;
  --mca-on-accent-hover: #000000;
}

[data-palette="ocean-blue"] .theme-primary {
  background: var(--mca-action, var(--mca-primary));
  color: var(--mca-on-action, var(--mca-on-primary));
  border: 1px solid var(--mca-border-interactive);
}
[data-palette="ocean-blue"] .theme-primary:hover {
  background: var(--mca-action-hover, var(--mca-primary-hover));
  color: var(--mca-on-action-hover, var(--mca-on-primary-hover));
}
[data-palette="ocean-blue"] .theme-primary:focus-visible {
  outline: 3px solid var(--mca-focus-ring);
  outline-offset: 3px;
}

[data-palette="ocean-blue"] { color-scheme: light; }

/* Adapted 20 October 2026 from Color Hunt. Source: https://colorhunt.co/palette/f9f7f7dbe2ef3f72af112d4e. Displayed likes: 46,689. Original source colours: #F9F7F7, #DBE2EF, #3F72AF, #112D4E. UI roles and added shades are report adaptations, not official source tokens. No MIT or Apache licence is asserted for these community references.
Reference: https://colorhunt.co/palette/f9f7f7dbe2ef3f72af112d4e
 */
[data-palette="navy-cloud"] {
  --mca-background: #F9F7F7;
  --mca-surface: #ECECEE;
  --mca-text: #112D4E;
  --mca-primary: #3F72AF;
  --mca-secondary: #DBE2EF;
  --mca-accent: #112D4E;
  --mca-text-muted: #5D6B7A;
  --mca-border-subtle: #CDD1D8;
  --mca-border-interactive: #7A8695;
  --mca-focus-ring: #3F72AF;
  --mca-link: #3B6BA4;
  --mca-link-on-surface: #3B6BA4;
  --mca-link-hover: #356297;
  --mca-link-visited: #112D4E;
  --mca-link-visited-hover: #112D4E;
  --mca-selected-surface: #DCE1E8;
  --mca-on-selected: #112D4E;
  --mca-selected-border: #3F72AF;
  --mca-on-primary: #FFFFFF;
  --mca-primary-hover: #37649A;
  --mca-on-primary-hover: #FFFFFF;
  --mca-on-secondary: #000000;
  --mca-secondary-hover: #C1C7D2;
  --mca-on-secondary-hover: #000000;
  --mca-on-accent: #FFFFFF;
  --mca-accent-hover: #0F2845;
  --mca-on-accent-hover: #FFFFFF;
}

[data-palette="navy-cloud"] .theme-primary {
  background: var(--mca-action, var(--mca-primary));
  color: var(--mca-on-action, var(--mca-on-primary));
  border: 1px solid var(--mca-border-interactive);
}
[data-palette="navy-cloud"] .theme-primary:hover {
  background: var(--mca-action-hover, var(--mca-primary-hover));
  color: var(--mca-on-action-hover, var(--mca-on-primary-hover));
}
[data-palette="navy-cloud"] .theme-primary:focus-visible {
  outline: 3px solid var(--mca-focus-ring);
  outline-offset: 3px;
}

[data-palette="navy-cloud"] { color-scheme: light; }

/* Adapted 20 October 2026 from Coolors. Source: https://coolors.co/palettes/trending. Displayed likes: 28.7K. Original source colours: #03045E, #0077B6, #00B4D8, #90E0EF, #CAF0F8. UI roles and added shades are report adaptations, not official source tokens. No MIT or Apache licence is asserted for these community references.
Reference: https://coolors.co/palettes/trending
 */
[data-palette="ocean-breeze"] {
  --mca-background: #F6FCFE;
  --mca-surface: #E9EEF5;
  --mca-text: #03045E;
  --mca-primary: #03045E;
  --mca-secondary: #90E0EF;
  --mca-accent: #00B4D8;
  --mca-text-muted: #636697;
  --mca-border-subtle: #C9CDE0;
  --mca-border-interactive: #7C80AE;
  --mca-focus-ring: #03045E;
  --mca-link: #03045E;
  --mca-link-on-surface: #03045E;
  --mca-link-hover: #03045E;
  --mca-link-visited: #00738A;
  --mca-link-visited-hover: #006283;
  --mca-selected-surface: #D4D9E7;
  --mca-on-selected: #03045E;
  --mca-selected-border: #03045E;
  --mca-on-primary: #FFFFFF;
  --mca-primary-hover: #030453;
  --mca-on-primary-hover: #FFFFFF;
  --mca-on-secondary: #000000;
  --mca-secondary-hover: #7FC5D2;
  --mca-on-secondary-hover: #000000;
  --mca-on-accent: #000000;
  --mca-accent-hover: #009EBE;
  --mca-on-accent-hover: #000000;
}

[data-palette="ocean-breeze"] .theme-primary {
  background: var(--mca-action, var(--mca-primary));
  color: var(--mca-on-action, var(--mca-on-primary));
  border: 1px solid var(--mca-border-interactive);
}
[data-palette="ocean-breeze"] .theme-primary:hover {
  background: var(--mca-action-hover, var(--mca-primary-hover));
  color: var(--mca-on-action-hover, var(--mca-on-primary-hover));
}
[data-palette="ocean-breeze"] .theme-primary:focus-visible {
  outline: 3px solid var(--mca-focus-ring);
  outline-offset: 3px;
}

[data-palette="ocean-breeze"] { color-scheme: light; }

/* Adapted 20 October 2026 from Coolors. Source: https://coolors.co/palettes/trending. Displayed likes: 54.4K. Original source colours: #000000, #14213D, #FCA311, #E5E5E5, #FFFFFF. UI roles and added shades are report adaptations, not official source tokens. No MIT or Apache licence is asserted for these community references.
Reference: https://coolors.co/palettes/trending
 */
[data-palette="ink-gold"] {
  --mca-background: #FFFFFF;
  --mca-surface: #F2F3F4;
  --mca-text: #14213D;
  --mca-primary: #14213D;
  --mca-secondary: #E5E5E5;
  --mca-accent: #FCA311;
  --mca-text-muted: #666C7A;
  --mca-border-subtle: #D3D6DA;
  --mca-border-interactive: #848A98;
  --mca-focus-ring: #14213D;
  --mca-link: #14213D;
  --mca-link-on-surface: #14213D;
  --mca-link-hover: #14213D;
  --mca-link-visited: #97620A;
  --mca-link-visited-hover: #835812;
  --mca-selected-surface: #DEE0E4;
  --mca-on-selected: #14213D;
  --mca-selected-border: #14213D;
  --mca-on-primary: #FFFFFF;
  --mca-primary-hover: #121D36;
  --mca-on-primary-hover: #FFFFFF;
  --mca-on-secondary: #000000;
  --mca-secondary-hover: #CACACA;
  --mca-on-secondary-hover: #000000;
  --mca-on-accent: #000000;
  --mca-accent-hover: #DE8F0F;
  --mca-on-accent-hover: #000000;
}

[data-palette="ink-gold"] .theme-primary {
  background: var(--mca-action, var(--mca-primary));
  color: var(--mca-on-action, var(--mca-on-primary));
  border: 1px solid var(--mca-border-interactive);
}
[data-palette="ink-gold"] .theme-primary:hover {
  background: var(--mca-action-hover, var(--mca-primary-hover));
  color: var(--mca-on-action-hover, var(--mca-on-primary-hover));
}
[data-palette="ink-gold"] .theme-primary:focus-visible {
  outline: 3px solid var(--mca-focus-ring);
  outline-offset: 3px;
}

[data-palette="ink-gold"] { color-scheme: light; }

/* Adapted 20 October 2026 from Color Hunt. Source: https://colorhunt.co/palette/790d16e5d3aff5efe1aec4d4. Displayed likes: 1,547. Original source colours: #790D16, #E5D3AF, #F5EFE1, #AEC4D4. UI roles and added shades are report adaptations, not official source tokens. No MIT or Apache licence is asserted for these community references.
Reference: https://colorhunt.co/palette/790d16e5d3aff5efe1aec4d4
 */
[data-palette="burgundy-parchment"] {
  --mca-background: #F5EFE1;
  --mca-surface: #EBE4D7;
  --mca-text: #381F24;
  --mca-primary: #790D16;
  --mca-secondary: #E5D3AF;
  --mca-accent: #AEC4D4;
  --mca-text-muted: #70625F;
  --mca-border-subtle: #D2C8BE;
  --mca-border-interactive: #8A7C78;
  --mca-focus-ring: #790D16;
  --mca-link: #790D16;
  --mca-link-on-surface: #790D16;
  --mca-link-hover: #6F1018;
  --mca-link-visited: #5A666E;
  --mca-link-visited-hover: #555B63;
  --mca-selected-surface: #E1D1C6;
  --mca-on-selected: #381F24;
  --mca-selected-border: #790D16;
  --mca-on-primary: #FFFFFF;
  --mca-primary-hover: #6A0B13;
  --mca-on-primary-hover: #FFFFFF;
  --mca-on-secondary: #000000;
  --mca-secondary-hover: #CABA9A;
  --mca-on-secondary-hover: #000000;
  --mca-on-accent: #000000;
  --mca-accent-hover: #99ACBB;
  --mca-on-accent-hover: #000000;
}

[data-palette="burgundy-parchment"] .theme-primary {
  background: var(--mca-action, var(--mca-primary));
  color: var(--mca-on-action, var(--mca-on-primary));
  border: 1px solid var(--mca-border-interactive);
}
[data-palette="burgundy-parchment"] .theme-primary:hover {
  background: var(--mca-action-hover, var(--mca-primary-hover));
  color: var(--mca-on-action-hover, var(--mca-on-primary-hover));
}
[data-palette="burgundy-parchment"] .theme-primary:focus-visible {
  outline: 3px solid var(--mca-focus-ring);
  outline-offset: 3px;
}

[data-palette="burgundy-parchment"] { color-scheme: light; }

/* Adapted 20 October 2026 from Coolors. Source: https://coolors.co/palettes/trending. Displayed likes: 31.3K. Original source colours: #335C67, #FFF3B0, #E09F3E, #9E2A2B, #540B0E. UI roles and added shades are report adaptations, not official source tokens. No MIT or Apache licence is asserted for these community references.
Reference: https://coolors.co/palettes/trending
 */
[data-palette="garnet-honey"] {
  --mca-background: #FFFAEE;
  --mca-surface: #F6EDE2;
  --mca-text: #540B0E;
  --mca-primary: #9E2A2B;
  --mca-secondary: #E09F3E;
  --mca-accent: #335C67;
  --mca-text-muted: #88615E;
  --mca-border-subtle: #DFCDC4;
  --mca-border-interactive: #A37D79;
  --mca-focus-ring: #9E2A2B;
  --mca-link: #9E2A2B;
  --mca-link-on-surface: #9E2A2B;
  --mca-link-hover: #932527;
  --mca-link-visited: #335C67;
  --mca-link-visited-hover: #38505A;
  --mca-selected-surface: #EEDBD2;
  --mca-on-selected: #540B0E;
  --mca-selected-border: #9E2A2B;
  --mca-on-primary: #FFFFFF;
  --mca-primary-hover: #8B2526;
  --mca-on-primary-hover: #FFFFFF;
  --mca-on-secondary: #000000;
  --mca-secondary-hover: #C58C37;
  --mca-on-secondary-hover: #000000;
  --mca-on-accent: #FFFFFF;
  --mca-accent-hover: #2D515B;
  --mca-on-accent-hover: #FFFFFF;
}

[data-palette="garnet-honey"] .theme-primary {
  background: var(--mca-action, var(--mca-primary));
  color: var(--mca-on-action, var(--mca-on-primary));
  border: 1px solid var(--mca-border-interactive);
}
[data-palette="garnet-honey"] .theme-primary:hover {
  background: var(--mca-action-hover, var(--mca-primary-hover));
  color: var(--mca-on-action-hover, var(--mca-on-primary-hover));
}
[data-palette="garnet-honey"] .theme-primary:focus-visible {
  outline: 3px solid var(--mca-focus-ring);
  outline-offset: 3px;
}

[data-palette="garnet-honey"] { color-scheme: light; }

/* Adapted 20 October 2026 from Coolors. Source: https://coolors.co/palettes/trending. Displayed likes: 8,505. Original source colours: #CC8B86, #F9EAE1, #7D4F50, #D1BE9C, #AA998F. UI roles and added shades are report adaptations, not official source tokens. No MIT or Apache licence is asserted for these community references.
Reference: https://coolors.co/palettes/trending
 */
[data-palette="antique-rose"] {
  --mca-background: #FCF5F0;
  --mca-surface: #F2EAE5;
  --mca-text: #422A2B;
  --mca-primary: #7D4F50;
  --mca-secondary: #D1BE9C;
  --mca-accent: #CC8B86;
  --mca-text-muted: #736665;
  --mca-border-subtle: #D9CFCB;
  --mca-border-interactive: #8F8280;
  --mca-focus-ring: #7D4F50;
  --mca-link: #7D4F50;
  --mca-link-on-surface: #7D4F50;
  --mca-link-hover: #74494A;
  --mca-link-visited: #895D5A;
  --mca-link-visited-hover: #7E5553;
  --mca-selected-surface: #E7DCD8;
  --mca-on-selected: #422A2B;
  --mca-selected-border: #7D4F50;
  --mca-on-primary: #FFFFFF;
  --mca-primary-hover: #6E4646;
  --mca-on-primary-hover: #FFFFFF;
  --mca-on-secondary: #000000;
  --mca-secondary-hover: #B8A789;
  --mca-on-secondary-hover: #000000;
  --mca-on-accent: #000000;
  --mca-accent-hover: #B47A76;
  --mca-on-accent-hover: #000000;
}

[data-palette="antique-rose"] .theme-primary {
  background: var(--mca-action, var(--mca-primary));
  color: var(--mca-on-action, var(--mca-on-primary));
  border: 1px solid var(--mca-border-interactive);
}
[data-palette="antique-rose"] .theme-primary:hover {
  background: var(--mca-action-hover, var(--mca-primary-hover));
  color: var(--mca-on-action-hover, var(--mca-on-primary-hover));
}
[data-palette="antique-rose"] .theme-primary:focus-visible {
  outline: 3px solid var(--mca-focus-ring);
  outline-offset: 3px;
}

[data-palette="antique-rose"] { color-scheme: light; }

/* Adapted 20 October 2026 from Coolors. Source: https://coolors.co/palettes/trending. Displayed likes: 3,065. Original source colours: #957186, #D9B8C4, #703D57, #402A2C, #241715. UI roles and added shades are report adaptations, not official source tokens. No MIT or Apache licence is asserted for these community references.
Reference: https://coolors.co/palettes/trending
 */
[data-palette="vintage-plum"] {
  --mca-background: #FBF6F8;
  --mca-surface: #F1EBED;
  --mca-text: #402A2C;
  --mca-primary: #703D57;
  --mca-secondary: #D9B8C4;
  --mca-accent: #957186;
  --mca-text-muted: #726668;
  --mca-border-subtle: #D8D0D2;
  --mca-border-interactive: #8E8283;
  --mca-focus-ring: #703D57;
  --mca-link: #703D57;
  --mca-link-on-surface: #703D57;
  --mca-link-hover: #693A51;
  --mca-link-visited: #806173;
  --mca-link-visited-hover: #765968;
  --mca-selected-surface: #E5DBE0;
  --mca-on-selected: #402A2C;
  --mca-selected-border: #703D57;
  --mca-on-primary: #FFFFFF;
  --mca-primary-hover: #63364D;
  --mca-on-primary-hover: #FFFFFF;
  --mca-on-secondary: #000000;
  --mca-secondary-hover: #BFA2AC;
  --mca-on-secondary-hover: #000000;
  --mca-on-accent: #000000;
  --mca-accent-hover: #836376;
  --mca-on-accent-hover: #FFFFFF;
}

[data-palette="vintage-plum"] .theme-primary {
  background: var(--mca-action, var(--mca-primary));
  color: var(--mca-on-action, var(--mca-on-primary));
  border: 1px solid var(--mca-border-interactive);
}
[data-palette="vintage-plum"] .theme-primary:hover {
  background: var(--mca-action-hover, var(--mca-primary-hover));
  color: var(--mca-on-action-hover, var(--mca-on-primary-hover));
}
[data-palette="vintage-plum"] .theme-primary:focus-visible {
  outline: 3px solid var(--mca-focus-ring);
  outline-offset: 3px;
}

[data-palette="vintage-plum"] { color-scheme: light; }

/* Adapted 20 October 2026 from Coolors. Source: https://coolors.co/palettes/trending. Displayed likes: 124.4K. Original source colours: #264653, #2A9D8F, #E9C46A, #F4A261, #E76F51. UI roles and added shades are report adaptations, not official source tokens. No MIT or Apache licence is asserted for these community references.
Reference: https://coolors.co/palettes/trending
 */
[data-palette="teal-terracotta"] {
  --mca-background: #FCF7EF;
  --mca-surface: #F0EDE6;
  --mca-text: #264653;
  --mca-primary: #264653;
  --mca-secondary: #E9C46A;
  --mca-accent: #E76F51;
  --mca-text-muted: #606C70;
  --mca-border-subtle: #D4D6D1;
  --mca-border-interactive: #7D888A;
  --mca-focus-ring: #264653;
  --mca-link: #264653;
  --mca-link-on-surface: #264653;
  --mca-link-hover: #264653;
  --mca-link-visited: #A6503A;
  --mca-link-visited-hover: #934E3E;
  --mca-selected-surface: #DEDED9;
  --mca-on-selected: #264653;
  --mca-selected-border: #264653;
  --mca-on-primary: #FFFFFF;
  --mca-primary-hover: #213E49;
  --mca-on-primary-hover: #FFFFFF;
  --mca-on-secondary: #000000;
  --mca-secondary-hover: #CDAC5D;
  --mca-on-secondary-hover: #000000;
  --mca-on-accent: #000000;
  --mca-accent-hover: #CB6247;
  --mca-on-accent-hover: #000000;
}

[data-palette="teal-terracotta"] .theme-primary {
  background: var(--mca-action, var(--mca-primary));
  color: var(--mca-on-action, var(--mca-on-primary));
  border: 1px solid var(--mca-border-interactive);
}
[data-palette="teal-terracotta"] .theme-primary:hover {
  background: var(--mca-action-hover, var(--mca-primary-hover));
  color: var(--mca-on-action-hover, var(--mca-on-primary-hover));
}
[data-palette="teal-terracotta"] .theme-primary:focus-visible {
  outline: 3px solid var(--mca-focus-ring);
  outline-offset: 3px;
}

[data-palette="teal-terracotta"] { color-scheme: light; }

/* Adapted 20 October 2026 from Coolors. Source: https://coolors.co/palettes/trending. Displayed likes: 30.9K. Original source colours: #EDE0D4, #E6CCB2, #DDB892, #B08968, #7F5539, #9C6644. UI roles and added shades are report adaptations, not official source tokens. No MIT or Apache licence is asserted for these community references.
Reference: https://coolors.co/palettes/trending
 */
[data-palette="toasted-almond"] {
  --mca-background: #FAF5EF;
  --mca-surface: #F0EAE4;
  --mca-text: #402D23;
  --mca-primary: #7F5539;
  --mca-secondary: #E6CCB2;
  --mca-accent: #9C6644;
  --mca-text-muted: #706660;
  --mca-border-subtle: #D7D0C9;
  --mca-border-interactive: #8D827B;
  --mca-focus-ring: #7F5539;
  --mca-link: #7F5539;
  --mca-link-on-surface: #7F5539;
  --mca-link-hover: #764F36;
  --mca-link-visited: #8E5D3E;
  --mca-link-visited-hover: #82563A;
  --mca-selected-surface: #E6DDD5;
  --mca-on-selected: #402D23;
  --mca-selected-border: #7F5539;
  --mca-on-primary: #FFFFFF;
  --mca-primary-hover: #704B32;
  --mca-on-primary-hover: #FFFFFF;
  --mca-on-secondary: #000000;
  --mca-secondary-hover: #CAB49D;
  --mca-on-secondary-hover: #000000;
  --mca-on-accent: #FFFFFF;
  --mca-accent-hover: #895A3C;
  --mca-on-accent-hover: #FFFFFF;
}

[data-palette="toasted-almond"] .theme-primary {
  background: var(--mca-action, var(--mca-primary));
  color: var(--mca-on-action, var(--mca-on-primary));
  border: 1px solid var(--mca-border-interactive);
}
[data-palette="toasted-almond"] .theme-primary:hover {
  background: var(--mca-action-hover, var(--mca-primary-hover));
  color: var(--mca-on-action-hover, var(--mca-on-primary-hover));
}
[data-palette="toasted-almond"] .theme-primary:focus-visible {
  outline: 3px solid var(--mca-focus-ring);
  outline-offset: 3px;
}

[data-palette="toasted-almond"] { color-scheme: light; }

/* Adapted 20 October 2026 from Coolors. Source: https://coolors.co/palettes/trending. Displayed likes: 22.8K. Original source colours: #6F1D1B, #BB9457, #432818, #99582A, #FFE6A7. UI roles and added shades are report adaptations, not official source tokens. No MIT or Apache licence is asserted for these community references.
Reference: https://coolors.co/palettes/trending
 */
[data-palette="walnut-honey"] {
  --mca-background: #FFF8EB;
  --mca-surface: #F5EDDF;
  --mca-text: #432818;
  --mca-primary: #99582A;
  --mca-secondary: #FFE6A7;
  --mca-accent: #6F1D1B;
  --mca-text-muted: #76675C;
  --mca-border-subtle: #DCD1C3;
  --mca-border-interactive: #938376;
  --mca-focus-ring: #99582A;
  --mca-link: #99582A;
  --mca-link-on-surface: #99582A;
  --mca-link-hover: #8C5127;
  --mca-link-visited: #6F1D1B;
  --mca-link-visited-hover: #681F1B;
  --mca-selected-surface: #EDE0CF;
  --mca-on-selected: #432818;
  --mca-selected-border: #99582A;
  --mca-on-primary: #FFFFFF;
  --mca-primary-hover: #874D25;
  --mca-on-primary-hover: #FFFFFF;
  --mca-on-secondary: #000000;
  --mca-secondary-hover: #E0CA93;
  --mca-on-secondary-hover: #000000;
  --mca-on-accent: #FFFFFF;
  --mca-accent-hover: #621A18;
  --mca-on-accent-hover: #FFFFFF;
}

[data-palette="walnut-honey"] .theme-primary {
  background: var(--mca-action, var(--mca-primary));
  color: var(--mca-on-action, var(--mca-on-primary));
  border: 1px solid var(--mca-border-interactive);
}
[data-palette="walnut-honey"] .theme-primary:hover {
  background: var(--mca-action-hover, var(--mca-primary-hover));
  color: var(--mca-on-action-hover, var(--mca-on-primary-hover));
}
[data-palette="walnut-honey"] .theme-primary:focus-visible {
  outline: 3px solid var(--mca-focus-ring);
  outline-offset: 3px;
}

[data-palette="walnut-honey"] { color-scheme: light; }

/* Adapted 20 October 2026 from Coolors. Source: https://coolors.co/palettes/trending. Displayed likes: 17K. Original source colours: #582F0E, #7F4F24, #936639, #A68A64, #B6AD90, #C2C5AA, #A4AC86, #656D4A, #414833, #333D29. UI roles and added shades are report adaptations, not official source tokens. No MIT or Apache licence is asserted for these community references.
Reference: https://coolors.co/palettes/trending
 */
[data-palette="moss-clay"] {
  --mca-background: #F8F5EC;
  --mca-surface: #EDEBE1;
  --mca-text: #333D29;
  --mca-primary: #656D4A;
  --mca-secondary: #C2C5AA;
  --mca-accent: #936639;
  --mca-text-muted: #676A5F;
  --mca-border-subtle: #D3D3C7;
  --mca-border-interactive: #828578;
  --mca-focus-ring: #656D4A;
  --mca-link: #646C49;
  --mca-link-on-surface: #646C49;
  --mca-link-hover: #5D6544;
  --mca-link-visited: #8A6036;
  --mca-link-visited-hover: #7D5B34;
  --mca-selected-surface: #E1E0D3;
  --mca-on-selected: #333D29;
  --mca-selected-border: #656D4A;
  --mca-on-primary: #FFFFFF;
  --mca-primary-hover: #596041;
  --mca-on-primary-hover: #FFFFFF;
  --mca-on-secondary: #000000;
  --mca-secondary-hover: #ABAD96;
  --mca-on-secondary-hover: #000000;
  --mca-on-accent: #FFFFFF;
  --mca-accent-hover: #815A32;
  --mca-on-accent-hover: #FFFFFF;
}

[data-palette="moss-clay"] .theme-primary {
  background: var(--mca-action, var(--mca-primary));
  color: var(--mca-on-action, var(--mca-on-primary));
  border: 1px solid var(--mca-border-interactive);
}
[data-palette="moss-clay"] .theme-primary:hover {
  background: var(--mca-action-hover, var(--mca-primary-hover));
  color: var(--mca-on-action-hover, var(--mca-on-primary-hover));
}
[data-palette="moss-clay"] .theme-primary:focus-visible {
  outline: 3px solid var(--mca-focus-ring);
  outline-offset: 3px;
}

[data-palette="moss-clay"] { color-scheme: light; }

/* Adapted 20 October 2026 from Color Hunt. Source: https://colorhunt.co/palette/f7f1deb0ba999d66384e220f. Displayed likes: 3,095. Original source colours: #F7F1DE, #B0BA99, #9D6638, #4E220F. UI roles and added shades are report adaptations, not official source tokens. No MIT or Apache licence is asserted for these community references.
Reference: https://colorhunt.co/palette/f7f1deb0ba999d66384e220f
 */
[data-palette="cocoa-sage"] {
  --mca-background: #F7F1DE;
  --mca-surface: #EEE6D3;
  --mca-text: #4E220F;
  --mca-primary: #9D6638;
  --mca-secondary: #B0BA99;
  --mca-accent: #4E220F;
  --mca-text-muted: #776152;
  --mca-border-subtle: #D8CBB8;
  --mca-border-interactive: #937E6B;
  --mca-focus-ring: #9D6638;
  --mca-link: #8C5B32;
  --mca-link-on-surface: #8C5B32;
  --mca-link-hover: #83522D;
  --mca-link-visited: #4E220F;
  --mca-link-visited-hover: #4E220F;
  --mca-selected-surface: #E7DAC5;
  --mca-on-selected: #4E220F;
  --mca-selected-border: #9D6638;
  --mca-on-primary: #FFFFFF;
  --mca-primary-hover: #8A5A31;
  --mca-on-primary-hover: #FFFFFF;
  --mca-on-secondary: #000000;
  --mca-secondary-hover: #9BA487;
  --mca-on-secondary-hover: #000000;
  --mca-on-accent: #FFFFFF;
  --mca-accent-hover: #451E0D;
  --mca-on-accent-hover: #FFFFFF;
}

[data-palette="cocoa-sage"] .theme-primary {
  background: var(--mca-action, var(--mca-primary));
  color: var(--mca-on-action, var(--mca-on-primary));
  border: 1px solid var(--mca-border-interactive);
}
[data-palette="cocoa-sage"] .theme-primary:hover {
  background: var(--mca-action-hover, var(--mca-primary-hover));
  color: var(--mca-on-action-hover, var(--mca-on-primary-hover));
}
[data-palette="cocoa-sage"] .theme-primary:focus-visible {
  outline: 3px solid var(--mca-focus-ring);
  outline-offset: 3px;
}

[data-palette="cocoa-sage"] { color-scheme: light; }

/* Adapted 20 October 2026 from Coolors. Source: https://coolors.co/palettes/trending. Displayed likes: 45.2K. Original source colours: #FFBE0B, #FB5607, #FF006E, #8338EC, #3A86FF. UI roles and added shades are report adaptations, not official source tokens. No MIT or Apache licence is asserted for these community references.
Reference: https://coolors.co/palettes/trending
 */
[data-palette="vibrant-fiesta"] {
  --mca-background: #FFFCF5;
  --mca-surface: #F3F0EB;
  --mca-text: #2D2040;
  --mca-primary: #8338EC;
  --mca-secondary: #FFBE0B;
  --mca-accent: #FF006E;
  --mca-text-muted: #716977;
  --mca-border-subtle: #D7D3D3;
  --mca-border-interactive: #8D8591;
  --mca-focus-ring: #8338EC;
  --mca-link: #8338EC;
  --mca-link-on-surface: #8338EC;
  --mca-link-hover: #7634D2;
  --mca-link-visited: #D6005C;
  --mca-link-visited-hover: #BD0558;
  --mca-selected-surface: #E9DFEB;
  --mca-on-selected: #2D2040;
  --mca-selected-border: #8338EC;
  --mca-on-primary: #FFFFFF;
  --mca-primary-hover: #7331D0;
  --mca-on-primary-hover: #FFFFFF;
  --mca-on-secondary: #000000;
  --mca-secondary-hover: #E0A70A;
  --mca-on-secondary-hover: #000000;
  --mca-on-accent: #000000;
  --mca-accent-hover: #E00061;
  --mca-on-accent-hover: #FFFFFF;
}

[data-palette="vibrant-fiesta"] .theme-primary {
  background: var(--mca-action, var(--mca-primary));
  color: var(--mca-on-action, var(--mca-on-primary));
  border: 1px solid var(--mca-border-interactive);
}
[data-palette="vibrant-fiesta"] .theme-primary:hover {
  background: var(--mca-action-hover, var(--mca-primary-hover));
  color: var(--mca-on-action-hover, var(--mca-on-primary-hover));
}
[data-palette="vibrant-fiesta"] .theme-primary:focus-visible {
  outline: 3px solid var(--mca-focus-ring);
  outline-offset: 3px;
}

[data-palette="vibrant-fiesta"] { color-scheme: light; }

/* Adapted 20 October 2026 from Coolors. Source: https://coolors.co/palettes/trending. Displayed likes: 36.2K. Original source colours: #EF476F, #FFD166, #06D6A0, #118AB2, #073B4C. UI roles and added shades are report adaptations, not official source tokens. No MIT or Apache licence is asserted for these community references.
Reference: https://coolors.co/palettes/trending
 */
[data-palette="watermelon-sorbet"] {
  --mca-background: #FFFCF5;
  --mca-surface: #F1F1EC;
  --mca-text: #073B4C;
  --mca-primary: #118AB2;
  --mca-secondary: #FFD166;
  --mca-accent: #EF476F;
  --mca-text-muted: #597076;
  --mca-border-subtle: #D0D8D6;
  --mca-border-interactive: #768C90;
  --mca-focus-ring: #118AB2;
  --mca-link: #0E7597;
  --mca-link-on-surface: #0E7597;
  --mca-link-hover: #0D6C8C;
  --mca-link-visited: #BF3959;
  --mca-link-visited-hover: #A33957;
  --mca-selected-surface: #DDE8E7;
  --mca-on-selected: #073B4C;
  --mca-selected-border: #118AB2;
  --mca-on-primary: #000000;
  --mca-primary-hover: #0F799D;
  --mca-on-primary-hover: #FFFFFF;
  --mca-on-secondary: #000000;
  --mca-secondary-hover: #E0B85A;
  --mca-on-secondary-hover: #000000;
  --mca-on-accent: #000000;
  --mca-accent-hover: #D23E62;
  --mca-on-accent-hover: #000000;
}

[data-palette="watermelon-sorbet"] .theme-primary {
  background: var(--mca-action, var(--mca-primary));
  color: var(--mca-on-action, var(--mca-on-primary));
  border: 1px solid var(--mca-border-interactive);
}
[data-palette="watermelon-sorbet"] .theme-primary:hover {
  background: var(--mca-action-hover, var(--mca-primary-hover));
  color: var(--mca-on-action-hover, var(--mca-on-primary-hover));
}
[data-palette="watermelon-sorbet"] .theme-primary:focus-visible {
  outline: 3px solid var(--mca-focus-ring);
  outline-offset: 3px;
}

[data-palette="watermelon-sorbet"] { color-scheme: light; }

/* Adapted 20 October 2026 from Coolors. Source: https://coolors.co/palettes/trending. Displayed likes: 13.9K. Original source colours: #233D4D, #FE7F2D, #FCCA46, #A1C181, #619B8A. UI roles and added shades are report adaptations, not official source tokens. No MIT or Apache licence is asserted for these community references.
Reference: https://coolors.co/palettes/trending
 */
[data-palette="sunrise-glow"] {
  --mca-background: #FFFAF0;
  --mca-surface: #F3F0E7;
  --mca-text: #233D4D;
  --mca-primary: #233D4D;
  --mca-secondary: #FCCA46;
  --mca-accent: #FE7F2D;
  --mca-text-muted: #636D71;
  --mca-border-subtle: #D6D7D1;
  --mca-border-interactive: #80898B;
  --mca-focus-ring: #233D4D;
  --mca-link: #233D4D;
  --mca-link-on-surface: #233D4D;
  --mca-link-hover: #233D4D;
  --mca-link-visited: #A8541E;
  --mca-link-visited-hover: #945125;
  --mca-selected-surface: #E0E0D9;
  --mca-on-selected: #233D4D;
  --mca-selected-border: #233D4D;
  --mca-on-primary: #FFFFFF;
  --mca-primary-hover: #1F3644;
  --mca-on-primary-hover: #FFFFFF;
  --mca-on-secondary: #000000;
  --mca-secondary-hover: #DEB23E;
  --mca-on-secondary-hover: #000000;
  --mca-on-accent: #000000;
  --mca-accent-hover: #E07028;
  --mca-on-accent-hover: #000000;
}

[data-palette="sunrise-glow"] .theme-primary {
  background: var(--mca-action, var(--mca-primary));
  color: var(--mca-on-action, var(--mca-on-primary));
  border: 1px solid var(--mca-border-interactive);
}
[data-palette="sunrise-glow"] .theme-primary:hover {
  background: var(--mca-action-hover, var(--mca-primary-hover));
  color: var(--mca-on-action-hover, var(--mca-on-primary-hover));
}
[data-palette="sunrise-glow"] .theme-primary:focus-visible {
  outline: 3px solid var(--mca-focus-ring);
  outline-offset: 3px;
}

[data-palette="sunrise-glow"] { color-scheme: light; }

/* Adapted 20 October 2026 from Coolors. Source: https://coolors.co/palettes/trending. Displayed likes: 28.7K. Original source colours: #0081A7, #00AFB9, #FDFCDC, #FED9B7, #F07167. UI roles and added shades are report adaptations, not official source tokens. No MIT or Apache licence is asserted for these community references.
Reference: https://coolors.co/palettes/trending
 */
[data-palette="summer-dream"] {
  --mca-background: #FFFDF3;
  --mca-surface: #F2F3EA;
  --mca-text: #16424B;
  --mca-primary: #0081A7;
  --mca-secondary: #FED9B7;
  --mca-accent: #F07167;
  --mca-text-muted: #5E7172;
  --mca-border-subtle: #D3DAD4;
  --mca-border-interactive: #798D8C;
  --mca-focus-ring: #0081A7;
  --mca-link: #007598;
  --mca-link-on-surface: #007598;
  --mca-link-hover: #036D8C;
  --mca-link-visited: #AD514A;
  --mca-link-visited-hover: #964F4A;
  --mca-selected-surface: #DCE9E4;
  --mca-on-selected: #16424B;
  --mca-selected-border: #0081A7;
  --mca-on-primary: #000000;
  --mca-primary-hover: #007293;
  --mca-on-primary-hover: #FFFFFF;
  --mca-on-secondary: #000000;
  --mca-secondary-hover: #E0BFA1;
  --mca-on-secondary-hover: #000000;
  --mca-on-accent: #000000;
  --mca-accent-hover: #D3635B;
  --mca-on-accent-hover: #000000;
}

[data-palette="summer-dream"] .theme-primary {
  background: var(--mca-action, var(--mca-primary));
  color: var(--mca-on-action, var(--mca-on-primary));
  border: 1px solid var(--mca-border-interactive);
}
[data-palette="summer-dream"] .theme-primary:hover {
  background: var(--mca-action-hover, var(--mca-primary-hover));
  color: var(--mca-on-action-hover, var(--mca-on-primary-hover));
}
[data-palette="summer-dream"] .theme-primary:focus-visible {
  outline: 3px solid var(--mca-focus-ring);
  outline-offset: 3px;
}

[data-palette="summer-dream"] { color-scheme: light; }

/* Adapted 20 October 2026 from Coolors. Source: https://coolors.co/palettes/trending. Displayed likes: 48.1K. Original source colours: #003049, #D62828, #F77F00, #FCBF49, #EAE2B7. UI roles and added shades are report adaptations, not official source tokens. No MIT or Apache licence is asserted for these community references.
Reference: https://coolors.co/palettes/trending
 */
[data-palette="autumn-carnival"] {
  --mca-background: #FFF9EC;
  --mca-surface: #F1EEE3;
  --mca-text: #003049;
  --mca-primary: #D62828;
  --mca-secondary: #FCBF49;
  --mca-accent: #003049;
  --mca-text-muted: #596E75;
  --mca-border-subtle: #CFD3CD;
  --mca-border-interactive: #778A8F;
  --mca-focus-ring: #D62828;
  --mca-link: #CD2626;
  --mca-link-on-surface: #CD2626;
  --mca-link-hover: #AE282B;
  --mca-link-visited: #003049;
  --mca-link-visited-hover: #003049;
  --mca-selected-surface: #EFDCD2;
  --mca-on-selected: #003049;
  --mca-selected-border: #D62828;
  --mca-on-primary: #FFFFFF;
  --mca-primary-hover: #BC2323;
  --mca-on-primary-hover: #FFFFFF;
  --mca-on-secondary: #000000;
  --mca-secondary-hover: #DEA840;
  --mca-on-secondary-hover: #000000;
  --mca-on-accent: #FFFFFF;
  --mca-accent-hover: #002A40;
  --mca-on-accent-hover: #FFFFFF;
}

[data-palette="autumn-carnival"] .theme-primary {
  background: var(--mca-action, var(--mca-primary));
  color: var(--mca-on-action, var(--mca-on-primary));
  border: 1px solid var(--mca-border-interactive);
}
[data-palette="autumn-carnival"] .theme-primary:hover {
  background: var(--mca-action-hover, var(--mca-primary-hover));
  color: var(--mca-on-action-hover, var(--mca-on-primary-hover));
}
[data-palette="autumn-carnival"] .theme-primary:focus-visible {
  outline: 3px solid var(--mca-focus-ring);
  outline-offset: 3px;
}

[data-palette="autumn-carnival"] { color-scheme: light; }

/* Adapted 20 October 2026 from Coolors. Source: https://coolors.co/palettes/trending. Displayed likes: 17.3K. Original source colours: #390099, #9E0059, #FF0054, #FF5400, #FFBD00. UI roles and added shades are report adaptations, not official source tokens. No MIT or Apache licence is asserted for these community references.
Reference: https://coolors.co/palettes/trending
 */
[data-palette="purple-sunset"] {
  --mca-background: #190E30;
  --mca-surface: #291E3E;
  --mca-text: #F7F0FF;
  --mca-primary: #B296FF;
  --mca-secondary: #FFBD00;
  --mca-accent: #FF0054;
  --mca-text-muted: #9A91A8;
  --mca-border-subtle: #463B59;
  --mca-border-interactive: #887F98;
  --mca-focus-ring: #B296FF;
  --mca-link: #B296FF;
  --mca-link-on-surface: #B296FF;
  --mca-link-hover: #BCA4FF;
  --mca-link-visited: #FF3D7D;
  --mca-link-visited-hover: #FE5890;
  --mca-selected-surface: #35294F;
  --mca-on-selected: #F7F0FF;
  --mca-selected-border: #B296FF;
  --mca-on-primary: #000000;
  --mca-primary-hover: #BBA3FF;
  --mca-on-primary-hover: #000000;
  --mca-on-secondary: #000000;
  --mca-secondary-hover: #FFC51F;
  --mca-on-secondary-hover: #000000;
  --mca-on-accent: #000000;
  --mca-accent-hover: #FF1F69;
  --mca-on-accent-hover: #000000;
}

[data-palette="purple-sunset"] .theme-primary {
  background: var(--mca-action, var(--mca-primary));
  color: var(--mca-on-action, var(--mca-on-primary));
  border: 1px solid var(--mca-border-interactive);
}
[data-palette="purple-sunset"] .theme-primary:hover {
  background: var(--mca-action-hover, var(--mca-primary-hover));
  color: var(--mca-on-action-hover, var(--mca-on-primary-hover));
}
[data-palette="purple-sunset"] .theme-primary:focus-visible {
  outline: 3px solid var(--mca-focus-ring);
  outline-offset: 3px;
}

[data-palette="purple-sunset"] { color-scheme: dark; }

/* Adapted 20 October 2026 from Coolors. Source: https://coolors.co/palettes/trending. Displayed likes: 12.6K. Original source colours: #3D348B, #7678ED, #F7B801, #F18701, #F35B04. UI roles and added shades are report adaptations, not official source tokens. No MIT or Apache licence is asserted for these community references.
Reference: https://coolors.co/palettes/trending
 */
[data-palette="electric-iris"] {
  --mca-background: #17152D;
  --mca-surface: #27253C;
  --mca-text: #F7F5FF;
  --mca-primary: #A6A8FF;
  --mca-secondary: #F7B801;
  --mca-accent: #F18701;
  --mca-text-muted: #9997A7;
  --mca-border-subtle: #444257;
  --mca-border-interactive: #878596;
  --mca-focus-ring: #A6A8FF;
  --mca-link: #A6A8FF;
  --mca-link-on-surface: #A6A8FF;
  --mca-link-hover: #B2B4FF;
  --mca-link-visited: #F18701;
  --mca-link-visited-hover: #F29827;
  --mca-selected-surface: #32314E;
  --mca-on-selected: #F7F5FF;
  --mca-selected-border: #A6A8FF;
  --mca-on-primary: #000000;
  --mca-primary-hover: #B1B2FF;
  --mca-on-primary-hover: #000000;
  --mca-on-secondary: #000000;
  --mca-secondary-hover: #F8C11F;
  --mca-on-secondary-hover: #000000;
  --mca-on-accent: #000000;
  --mca-accent-hover: #F3951F;
  --mca-on-accent-hover: #000000;
}

[data-palette="electric-iris"] .theme-primary {
  background: var(--mca-action, var(--mca-primary));
  color: var(--mca-on-action, var(--mca-on-primary));
  border: 1px solid var(--mca-border-interactive);
}
[data-palette="electric-iris"] .theme-primary:hover {
  background: var(--mca-action-hover, var(--mca-primary-hover));
  color: var(--mca-on-action-hover, var(--mca-on-primary-hover));
}
[data-palette="electric-iris"] .theme-primary:focus-visible {
  outline: 3px solid var(--mca-focus-ring);
  outline-offset: 3px;
}

[data-palette="electric-iris"] { color-scheme: dark; }

/* Adapted 20 October 2026 from Color Hunt. Source: https://colorhunt.co/palette/2121213232320d737714ffec. Displayed likes: 24,706. Original source colours: #212121, #323232, #0D7377, #14FFEC. UI roles and added shades are report adaptations, not official source tokens. No MIT or Apache licence is asserted for these community references.
Reference: https://colorhunt.co/palette/2121213232320d737714ffec
 */
[data-palette="teal-signal"] {
  --mca-background: #212121;
  --mca-surface: #303030;
  --mca-text: #F3FAFA;
  --mca-primary: #14FFEC;
  --mca-secondary: #0D7377;
  --mca-accent: #91E5DF;
  --mca-text-muted: #9B9F9F;
  --mca-border-subtle: #4B4C4C;
  --mca-border-interactive: #8A8E8E;
  --mca-focus-ring: #14FFEC;
  --mca-link: #14FFEC;
  --mca-link-on-surface: #14FFEC;
  --mca-link-hover: #35FEEE;
  --mca-link-visited: #91E5DF;
  --mca-link-visited-hover: #A0E8E3;
  --mca-selected-surface: #2D4341;
  --mca-on-selected: #F3FAFA;
  --mca-selected-border: #14FFEC;
  --mca-on-primary: #000000;
  --mca-primary-hover: #30FFEE;
  --mca-on-primary-hover: #000000;
  --mca-on-secondary: #FFFFFF;
  --mca-secondary-hover: #2A8487;
  --mca-on-secondary-hover: #000000;
  --mca-on-accent: #000000;
  --mca-accent-hover: #9EE8E3;
  --mca-on-accent-hover: #000000;
}

[data-palette="teal-signal"] .theme-primary {
  background: var(--mca-action, var(--mca-primary));
  color: var(--mca-on-action, var(--mca-on-primary));
  border: 1px solid var(--mca-border-interactive);
}
[data-palette="teal-signal"] .theme-primary:hover {
  background: var(--mca-action-hover, var(--mca-primary-hover));
  color: var(--mca-on-action-hover, var(--mca-on-primary-hover));
}
[data-palette="teal-signal"] .theme-primary:focus-visible {
  outline: 3px solid var(--mca-focus-ring);
  outline-offset: 3px;
}

[data-palette="teal-signal"] { color-scheme: dark; }

/* Adapted 20 October 2026 from Color Hunt. Source: https://colorhunt.co/palette/08d9d6252a34ff2e63eaeaea. Displayed likes: 35,439. Original source colours: #08D9D6, #252A34, #FF2E63, #EAEAEA. UI roles and added shades are report adaptations, not official source tokens. No MIT or Apache licence is asserted for these community references.
Reference: https://colorhunt.co/palette/08d9d6252a34ff2e63eaeaea
 */
[data-palette="cyan-rose"] {
  --mca-background: #252A34;
  --mca-surface: #333741;
  --mca-text: #EAEAEA;
  --mca-primary: #08D9D6;
  --mca-secondary: #FF2E63;
  --mca-accent: #EAEAEA;
  --mca-text-muted: #9FA1A6;
  --mca-border-subtle: #4D5059;
  --mca-border-interactive: #888A8F;
  --mca-focus-ring: #08D9D6;
  --mca-link: #08D9D6;
  --mca-link-on-surface: #08D9D6;
  --mca-link-hover: #2ADCD9;
  --mca-link-visited: #EAEAEA;
  --mca-link-visited-hover: #EAEAEA;
  --mca-selected-surface: #2F464E;
  --mca-on-selected: #EAEAEA;
  --mca-selected-border: #08D9D6;
  --mca-on-primary: #000000;
  --mca-primary-hover: #26DEDB;
  --mca-on-primary-hover: #000000;
  --mca-on-secondary: #000000;
  --mca-secondary-hover: #FF4776;
  --mca-on-secondary-hover: #000000;
  --mca-on-accent: #000000;
  --mca-accent-hover: #EDEDED;
  --mca-on-accent-hover: #000000;
}

[data-palette="cyan-rose"] .theme-primary {
  background: var(--mca-action, var(--mca-primary));
  color: var(--mca-on-action, var(--mca-on-primary));
  border: 1px solid var(--mca-border-interactive);
}
[data-palette="cyan-rose"] .theme-primary:hover {
  background: var(--mca-action-hover, var(--mca-primary-hover));
  color: var(--mca-on-action-hover, var(--mca-on-primary-hover));
}
[data-palette="cyan-rose"] .theme-primary:focus-visible {
  outline: 3px solid var(--mca-focus-ring);
  outline-offset: 3px;
}

[data-palette="cyan-rose"] { color-scheme: dark; }

/* Adapted 20 October 2026 from Coolors. Source: https://coolors.co/palettes/trending. Displayed likes: 13.1K. Original source colours: #F9DBBD, #FFA5AB, #DA627D, #A53860, #450920. UI roles and added shades are report adaptations, not official source tokens. No MIT or Apache licence is asserted for these community references.
Reference: https://coolors.co/palettes/trending
 */
[data-palette="berry-circuit"] {
  --mca-background: #290F1C;
  --mca-surface: #381F2B;
  --mca-text: #FFF2F6;
  --mca-primary: #FFA5AB;
  --mca-secondary: #F9DBBD;
  --mca-accent: #DA627D;
  --mca-text-muted: #A5939A;
  --mca-border-subtle: #543D47;
  --mca-border-interactive: #948089;
  --mca-focus-ring: #FFA5AB;
  --mca-link: #FFA5AB;
  --mca-link-on-surface: #FFA5AB;
  --mca-link-hover: #FFB1B6;
  --mca-link-visited: #DC6A84;
  --mca-link-visited-hover: #E17E95;
  --mca-selected-surface: #4A2B37;
  --mca-on-selected: #FFF2F6;
  --mca-selected-border: #FFA5AB;
  --mca-on-primary: #000000;
  --mca-primary-hover: #FFB0B5;
  --mca-on-primary-hover: #000000;
  --mca-on-secondary: #000000;
  --mca-secondary-hover: #FADFC5;
  --mca-on-secondary-hover: #000000;
  --mca-on-accent: #000000;
  --mca-accent-hover: #DE758D;
  --mca-on-accent-hover: #000000;
}

[data-palette="berry-circuit"] .theme-primary {
  background: var(--mca-action, var(--mca-primary));
  color: var(--mca-on-action, var(--mca-on-primary));
  border: 1px solid var(--mca-border-interactive);
}
[data-palette="berry-circuit"] .theme-primary:hover {
  background: var(--mca-action-hover, var(--mca-primary-hover));
  color: var(--mca-on-action-hover, var(--mca-on-primary-hover));
}
[data-palette="berry-circuit"] .theme-primary:focus-visible {
  outline: 3px solid var(--mca-focus-ring);
  outline-offset: 3px;
}

[data-palette="berry-circuit"] { color-scheme: dark; }

/* Adapted 20 October 2026 from Coolors. Source: https://coolors.co/palettes/trending. Displayed likes: 24.5K. Original source colours: #000814, #001D3D, #003566, #FFC300, #FFD60A. UI roles and added shades are report adaptations, not official source tokens. No MIT or Apache licence is asserted for these community references.
Reference: https://coolors.co/palettes/trending
 */
[data-palette="golden-twilight"] {
  --mca-background: #000814;
  --mca-surface: #121922;
  --mca-text: #FFF9E3;
  --mca-primary: #FFC300;
  --mca-secondary: #003566;
  --mca-accent: #FFD60A;
  --mca-text-muted: #94948C;
  --mca-border-subtle: #33383D;
  --mca-border-interactive: #80807C;
  --mca-focus-ring: #FFC300;
  --mca-link: #FFC300;
  --mca-link-on-surface: #FFC300;
  --mca-link-hover: #FFCB22;
  --mca-link-visited: #FFD60A;
  --mca-link-visited-hover: #FFDB2B;
  --mca-selected-surface: #27281F;
  --mca-on-selected: #FFF9E3;
  --mca-selected-border: #FFC300;
  --mca-on-primary: #000000;
  --mca-primary-hover: #FFCA1F;
  --mca-on-primary-hover: #000000;
  --mca-on-secondary: #FFFFFF;
  --mca-secondary-hover: #1F4D78;
  --mca-on-secondary-hover: #FFFFFF;
  --mca-on-accent: #000000;
  --mca-accent-hover: #FFDB27;
  --mca-on-accent-hover: #000000;
}

[data-palette="golden-twilight"] .theme-primary {
  background: var(--mca-action, var(--mca-primary));
  color: var(--mca-on-action, var(--mca-on-primary));
  border: 1px solid var(--mca-border-interactive);
}
[data-palette="golden-twilight"] .theme-primary:hover {
  background: var(--mca-action-hover, var(--mca-primary-hover));
  color: var(--mca-on-action-hover, var(--mca-on-primary-hover));
}
[data-palette="golden-twilight"] .theme-primary:focus-visible {
  outline: 3px solid var(--mca-focus-ring);
  outline-offset: 3px;
}

[data-palette="golden-twilight"] { color-scheme: dark; }

/* Adapted 20 October 2026 from Coolors. Source: https://coolors.co/palettes/trending. Displayed likes: 10.8K. Original source colours: #250902, #38040E, #640D14, #800E13, #AD2831. UI roles and added shades are report adaptations, not official source tokens. No MIT or Apache licence is asserted for these community references.
Reference: https://coolors.co/palettes/trending
 */
[data-palette="crimson-velvet"] {
  --mca-background: #250902;
  --mca-surface: #341912;
  --mca-text: #FFF1ED;
  --mca-primary: #E3878E;
  --mca-secondary: #800E13;
  --mca-accent: #C3545C;
  --mca-text-muted: #A3908A;
  --mca-border-subtle: #503731;
  --mca-border-interactive: #927D78;
  --mca-focus-ring: #E3878E;
  --mca-link: #E3878E;
  --mca-link-on-surface: #E3878E;
  --mca-link-hover: #E7979C;
  --mca-link-visited: #CC6E74;
  --mca-link-visited-hover: #D48286;
  --mca-selected-surface: #44231D;
  --mca-on-selected: #FFF1ED;
  --mca-selected-border: #E3878E;
  --mca-on-primary: #000000;
  --mca-primary-hover: #E6959C;
  --mca-on-primary-hover: #000000;
  --mca-on-secondary: #FFFFFF;
  --mca-secondary-hover: #8F2B2F;
  --mca-on-secondary-hover: #FFFFFF;
  --mca-on-accent: #000000;
  --mca-accent-hover: #CA6970;
  --mca-on-accent-hover: #000000;
}

[data-palette="crimson-velvet"] .theme-primary {
  background: var(--mca-action, var(--mca-primary));
  color: var(--mca-on-action, var(--mca-on-primary));
  border: 1px solid var(--mca-border-interactive);
}
[data-palette="crimson-velvet"] .theme-primary:hover {
  background: var(--mca-action-hover, var(--mca-primary-hover));
  color: var(--mca-on-action-hover, var(--mca-on-primary-hover));
}
[data-palette="crimson-velvet"] .theme-primary:focus-visible {
  outline: 3px solid var(--mca-focus-ring);
  outline-offset: 3px;
}

[data-palette="crimson-velvet"] { color-scheme: dark; }

/* Adapted 20 October 2026 from Coolors. Source: https://coolors.co/palettes/trending. Displayed likes: 27.6K. Original source colours: #5F0F40, #9A031E, #FB8B24, #E36414, #0F4C5C. UI roles and added shades are report adaptations, not official source tokens. No MIT or Apache licence is asserted for these community references.
Reference: https://coolors.co/palettes/trending
 */
[data-palette="ember-petrol"] {
  --mca-background: #200F21;
  --mca-surface: #301F2F;
  --mca-text: #FFF5EC;
  --mca-primary: #FB8B24;
  --mca-secondary: #0F4C5C;
  --mca-accent: #E36414;
  --mca-text-muted: #A19497;
  --mca-border-subtle: #4D3D49;
  --mca-border-interactive: #908286;
  --mca-focus-ring: #FB8B24;
  --mca-link: #FB8B24;
  --mca-link-on-surface: #FB8B24;
  --mca-link-hover: #FC9B42;
  --mca-link-visited: #E4691B;
  --mca-link-visited-hover: #E87E3A;
  --mca-selected-surface: #42292E;
  --mca-on-selected: #FFF5EC;
  --mca-selected-border: #FB8B24;
  --mca-on-primary: #000000;
  --mca-primary-hover: #FB993E;
  --mca-on-primary-hover: #000000;
  --mca-on-secondary: #FFFFFF;
  --mca-secondary-hover: #2C6170;
  --mca-on-secondary-hover: #FFFFFF;
  --mca-on-accent: #000000;
  --mca-accent-hover: #E67730;
  --mca-on-accent-hover: #000000;
}

[data-palette="ember-petrol"] .theme-primary {
  background: var(--mca-action, var(--mca-primary));
  color: var(--mca-on-action, var(--mca-on-primary));
  border: 1px solid var(--mca-border-interactive);
}
[data-palette="ember-petrol"] .theme-primary:hover {
  background: var(--mca-action-hover, var(--mca-primary-hover));
  color: var(--mca-on-action-hover, var(--mca-on-primary-hover));
}
[data-palette="ember-petrol"] .theme-primary:focus-visible {
  outline: 3px solid var(--mca-focus-ring);
  outline-offset: 3px;
}

[data-palette="ember-petrol"] { color-scheme: dark; }

/* Adapted 20 October 2026 from Coolors. Source: https://coolors.co/palettes/trending. Displayed likes: 28.6K. Original source colours: #03071E, #370617, #6A040F, #9D0208, #D00000, #DC2F02, #E85D04, #F48C06, #FAA307, #FFBA08. UI roles and added shades are report adaptations, not official source tokens. No MIT or Apache licence is asserted for these community references.
Reference: https://coolors.co/palettes/trending
 */
[data-palette="ember-night"] {
  --mca-background: #03071E;
  --mca-surface: #15182C;
  --mca-text: #FFF6E9;
  --mca-primary: #FAA307;
  --mca-secondary: #6A040F;
  --mca-accent: #E85D04;
  --mca-text-muted: #959294;
  --mca-border-subtle: #363746;
  --mca-border-interactive: #817E84;
  --mca-focus-ring: #FAA307;
  --mca-link: #FAA307;
  --mca-link-on-surface: #FAA307;
  --mca-link-hover: #FBAF29;
  --mca-link-visited: #E85D04;
  --mca-link-visited-hover: #EB7426;
  --mca-selected-surface: #2A2529;
  --mca-on-selected: #FFF6E9;
  --mca-selected-border: #FAA307;
  --mca-on-primary: #000000;
  --mca-primary-hover: #FBAE25;
  --mca-on-primary-hover: #000000;
  --mca-on-secondary: #FFFFFF;
  --mca-secondary-hover: #7C222C;
  --mca-on-secondary-hover: #FFFFFF;
  --mca-on-accent: #000000;
  --mca-accent-hover: #EB7022;
  --mca-on-accent-hover: #000000;
}

[data-palette="ember-night"] .theme-primary {
  background: var(--mca-action, var(--mca-primary));
  color: var(--mca-on-action, var(--mca-on-primary));
  border: 1px solid var(--mca-border-interactive);
}
[data-palette="ember-night"] .theme-primary:hover {
  background: var(--mca-action-hover, var(--mca-primary-hover));
  color: var(--mca-on-action-hover, var(--mca-on-primary-hover));
}
[data-palette="ember-night"] .theme-primary:focus-visible {
  outline: 3px solid var(--mca-focus-ring);
  outline-offset: 3px;
}

[data-palette="ember-night"] { color-scheme: dark; }

/* Adapted 20 October 2026 from Color Hunt. Source: https://colorhunt.co/palette/2029404b40389a8678caaa98. Displayed likes: 2,377. Original source colours: #202940, #4B4038, #9A8678, #CAAA98. UI roles and added shades are report adaptations, not official source tokens. No MIT or Apache licence is asserted for these community references.
Reference: https://colorhunt.co/palette/2029404b40389a8678caaa98
 */
[data-palette="midnight-mocha"] {
  --mca-background: #202940;
  --mca-surface: #2F374C;
  --mca-text: #F8F0E9;
  --mca-primary: #CAAA98;
  --mca-secondary: #9A8678;
  --mca-accent: #4B4038;
  --mca-text-muted: #A2A1A7;
  --mca-border-subtle: #4B5162;
  --mca-border-interactive: #8C8C94;
  --mca-focus-ring: #CAAA98;
  --mca-link: #CAAA98;
  --mca-link-on-surface: #CAAA98;
  --mca-link-hover: #D1B4A4;
  --mca-link-visited: #A7A19D;
  --mca-link-visited-hover: #B3ADA8;
  --mca-selected-surface: #3D4153;
  --mca-on-selected: #F8F0E9;
  --mca-selected-border: #CAAA98;
  --mca-on-primary: #000000;
  --mca-primary-hover: #D0B4A4;
  --mca-on-primary-hover: #000000;
  --mca-on-secondary: #000000;
  --mca-secondary-hover: #A69588;
  --mca-on-secondary-hover: #000000;
  --mca-on-accent: #FFFFFF;
  --mca-accent-hover: #615750;
  --mca-on-accent-hover: #FFFFFF;
}

[data-palette="midnight-mocha"] .theme-primary {
  background: var(--mca-action, var(--mca-primary));
  color: var(--mca-on-action, var(--mca-on-primary));
  border: 1px solid var(--mca-border-interactive);
}
[data-palette="midnight-mocha"] .theme-primary:hover {
  background: var(--mca-action-hover, var(--mca-primary-hover));
  color: var(--mca-on-action-hover, var(--mca-on-primary-hover));
}
[data-palette="midnight-mocha"] .theme-primary:focus-visible {
  outline: 3px solid var(--mca-focus-ring);
  outline-offset: 3px;
}

[data-palette="midnight-mocha"] { color-scheme: dark; }

/* Nine exact colours and roles supplied by the user. Shared website and Office role assignments prepared for this report; all values reuse the supplied palette.
Reference: User supplied
 */
[data-palette="lavender"] {
  --mca-background: #FAF9F6;
  --mca-surface: #FFFFFF;
  --mca-text: #202334;
  --mca-primary: #E7DEFA;
  --mca-secondary: #DDF2E5;
  --mca-accent: #FFE3D3;
  --mca-text-muted: #676976;
  --mca-border-subtle: #E7E6E2;
  --mca-border-interactive: #202334;
  --mca-focus-ring: #202334;
  --mca-link: #202334;
  --mca-link-on-surface: #202334;
  --mca-link-hover: #676976;
  --mca-link-visited: #676976;
  --mca-link-visited-hover: #202334;
  --mca-selected-surface: #E7DEFA;
  --mca-on-selected: #202334;
  --mca-selected-border: #202334;
  --mca-on-primary: #202334;
  --mca-primary-hover: #202334;
  --mca-on-primary-hover: #FFFFFF;
  --mca-on-secondary: #202334;
  --mca-secondary-hover: #202334;
  --mca-on-secondary-hover: #FFFFFF;
  --mca-on-accent: #202334;
  --mca-accent-hover: #202334;
  --mca-on-accent-hover: #FFFFFF;
  --mca-action: #202334;
  --mca-on-action: #FFFFFF;
  --mca-action-hover: #676976;
  --mca-on-action-hover: #FFFFFF;
  /* Primary accent, selected navigation and budget cards */
  --ll-lavender: #E7DEFA;
  /* Spending cards and settlement panels */
  --ll-mint: #DDF2E5;
  /* Summary cards */
  --ll-peach: #FFE3D3;
  /* Highlights and notices */
  --ll-yellow: #FFF0BD;
  /* Page background */
  --ll-background: #FAF9F6;
  /* Panels, sidebar and inputs */
  --ll-surface: #FFFFFF;
  /* Main text and primary buttons */
  --ll-ink: #202334;
  /* Secondary text */
  --ll-muted: #676976;
  /* Borders and dividers */
  --ll-border: #E7E6E2;
}

[data-palette="lavender"] .theme-primary {
  background: var(--mca-action, var(--mca-primary));
  color: var(--mca-on-action, var(--mca-on-primary));
  border: 1px solid var(--mca-border-interactive);
}
[data-palette="lavender"] .theme-primary:hover {
  background: var(--mca-action-hover, var(--mca-primary-hover));
  color: var(--mca-on-action-hover, var(--mca-on-primary-hover));
}
[data-palette="lavender"] .theme-primary:focus-visible {
  outline: 3px solid var(--mca-focus-ring);
  outline-offset: 3px;
}

[data-palette="lavender"] { color-scheme: light; }