/**
 * @license
 * Copyright 2024-2026 Materia Technologies, Inc.
 *
 * SPDX-License-Identifier: SEE LICENSE IN License.md
 */

/* GENERATED by scripts/generate-anchor-css. Do not edit. */
:root[data-page-anchor="cobalt"] {
  --ct-sys-color-background: #ffffff;
  --ct-sys-color-error: #ba1a1a;
  --ct-sys-color-error-container: #ffdad6;
  --ct-sys-color-error-dim: #a80710;
  --ct-sys-color-information: #006496;
  --ct-sys-color-information-container: #d7e4f2;
  --ct-sys-color-inverse-on-surface: #eff0f7;
  --ct-sys-color-inverse-primary: #a0c9ff;
  --ct-sys-color-inverse-surface: #2e3135;
  --ct-sys-color-neutral-palette-key-color: #75777d;
  --ct-sys-color-neutral-variant-palette-key-color: #73777f;
  --ct-sys-color-on-background: #191c20;
  --ct-sys-color-on-error: #ffffff;
  --ct-sys-color-on-error-container: #93000a;
  --ct-sys-color-on-information: #ffffff;
  --ct-sys-color-on-information-container: #004b72;
  --ct-sys-color-on-primary: #ffffff;
  --ct-sys-color-on-primary-container: #00497f;
  --ct-sys-color-on-primary-fixed: #001c37;
  --ct-sys-color-on-primary-fixed-variant: #00497f;
  --ct-sys-color-on-secondary: #ffffff;
  --ct-sys-color-on-secondary-container: #810080;
  --ct-sys-color-on-secondary-fixed: #380038;
  --ct-sys-color-on-secondary-fixed-variant: #810080;
  --ct-sys-color-on-success: #ffffff;
  --ct-sys-color-on-success-container: #005229;
  --ct-sys-color-on-surface: #191c20;
  --ct-sys-color-on-surface-variant: #43474e;
  --ct-sys-color-on-tertiary: #ffffff;
  --ct-sys-color-on-tertiary-container: #703700;
  --ct-sys-color-on-tertiary-fixed: #301400;
  --ct-sys-color-on-tertiary-fixed-variant: #703700;
  --ct-sys-color-on-warning: #ffffff;
  --ct-sys-color-on-warning-container: #5b4300;
  --ct-sys-color-outline: #73777f;
  --ct-sys-color-outline-variant: #c3c6cf;
  --ct-sys-color-primary: #0b61a4;
  --ct-sys-color-primary-container: #d2e4fe;
  --ct-sys-color-primary-dim: #005592;
  --ct-sys-color-primary-fixed: #d2e4fe;
  --ct-sys-color-primary-fixed-dim: #b6c7e1;
  --ct-sys-color-primary-palette-key-color: #0397fe;
  --ct-sys-color-scrim: #000000;
  --ct-sys-color-secondary: #8b4484;
  --ct-sys-color-secondary-container: #fcd8f3;
  --ct-sys-color-secondary-dim: #950094;
  --ct-sys-color-secondary-fixed: #fcd8f3;
  --ct-sys-color-secondary-fixed-dim: #dfbdd6;
  --ct-sys-color-secondary-palette-key-color: #f505f3;
  --ct-sys-color-shadow: #000000;
  --ct-sys-color-success: #006d38;
  --ct-sys-color-success-container: #d6e7d5;
  --ct-sys-color-surface: #ffffff;
  --ct-sys-color-surface-bright: #f8f9ff;
  --ct-sys-color-surface-container: #eceef4;
  --ct-sys-color-surface-container-high: #e7e8ee;
  --ct-sys-color-surface-container-highest: #e1e2e8;
  --ct-sys-color-surface-container-low: #f2f3fa;
  --ct-sys-color-surface-container-lowest: #ffffff;
  --ct-sys-color-surface-dim: #d8dae0;
  --ct-sys-color-surface-tint: #0061a6;
  --ct-sys-color-surface-variant: #dfe2eb;
  --ct-sys-color-tertiary: #964c00;
  --ct-sys-color-tertiary-container: #ffdcc5;
  --ct-sys-color-tertiary-dim: #824100;
  --ct-sys-color-tertiary-fixed: #ffdcc5;
  --ct-sys-color-tertiary-fixed-dim: #ebbe9f;
  --ct-sys-color-tertiary-palette-key-color: #e37600;
  --ct-sys-color-warning: #845400;
  --ct-sys-color-warning-container: #f2e0c2;
}

:root[data-page-anchor="violet"] {
  --ct-sys-color-background: #ffffff;
  --ct-sys-color-error: #ba1a1a;
  --ct-sys-color-error-container: #ffdad6;
  --ct-sys-color-error-dim: #a80710;
  --ct-sys-color-information: #006496;
  --ct-sys-color-information-container: #d7e4f2;
  --ct-sys-color-inverse-on-surface: #f4eff7;
  --ct-sys-color-inverse-primary: #cbbeff;
  --ct-sys-color-inverse-surface: #312f36;
  --ct-sys-color-neutral-palette-key-color: #79767d;
  --ct-sys-color-neutral-variant-palette-key-color: #79757f;
  --ct-sys-color-on-background: #1c1b20;
  --ct-sys-color-on-error: #ffffff;
  --ct-sys-color-on-error-container: #93000a;
  --ct-sys-color-on-information: #ffffff;
  --ct-sys-color-on-information-container: #004b72;
  --ct-sys-color-on-primary: #ffffff;
  --ct-sys-color-on-primary-container: #4a21bd;
  --ct-sys-color-on-primary-fixed: #1d0061;
  --ct-sys-color-on-primary-fixed-variant: #4a21bd;
  --ct-sys-color-on-secondary: #ffffff;
  --ct-sys-color-on-secondary-container: #920028;
  --ct-sys-color-on-secondary-fixed: #40000c;
  --ct-sys-color-on-secondary-fixed-variant: #920028;
  --ct-sys-color-on-success: #ffffff;
  --ct-sys-color-on-success-container: #005229;
  --ct-sys-color-on-surface: #1c1b20;
  --ct-sys-color-on-surface-variant: #48454e;
  --ct-sys-color-on-tertiary: #ffffff;
  --ct-sys-color-on-tertiary-container: #554500;
  --ct-sys-color-on-tertiary-fixed: #231b00;
  --ct-sys-color-on-tertiary-fixed-variant: #554500;
  --ct-sys-color-on-warning: #ffffff;
  --ct-sys-color-on-warning-container: #5b4300;
  --ct-sys-color-outline: #79757f;
  --ct-sys-color-outline-variant: #c9c4d0;
  --ct-sys-color-primary: #6251a6;
  --ct-sys-color-primary-container: #e6deff;
  --ct-sys-color-primary-dim: #5632c9;
  --ct-sys-color-primary-fixed: #e6deff;
  --ct-sys-color-primary-fixed-dim: #cac2e3;
  --ct-sys-color-primary-palette-key-color: #7c5df0;
  --ct-sys-color-scrim: #000000;
  --ct-sys-color-secondary: #9c4049;
  --ct-sys-color-secondary-container: #ffdada;
  --ct-sys-color-secondary-dim: #a8002f;
  --ct-sys-color-secondary-fixed: #ffdada;
  --ct-sys-color-secondary-fixed-dim: #edbabc;
  --ct-sys-color-secondary-palette-key-color: #ec0848;
  --ct-sys-color-shadow: #000000;
  --ct-sys-color-success: #006d38;
  --ct-sys-color-success-container: #d6e7d5;
  --ct-sys-color-surface: #ffffff;
  --ct-sys-color-surface-bright: #fdf8ff;
  --ct-sys-color-surface-container: #f1ecf4;
  --ct-sys-color-surface-container-high: #ebe6ee;
  --ct-sys-color-surface-container-highest: #e6e1e9;
  --ct-sys-color-surface-container-low: #f7f2fa;
  --ct-sys-color-surface-container-lowest: #ffffff;
  --ct-sys-color-surface-dim: #ddd8e0;
  --ct-sys-color-surface-tint: #6341d5;
  --ct-sys-color-surface-variant: #e6e0ec;
  --ct-sys-color-tertiary: #786200;
  --ct-sys-color-tertiary-container: #f2e2b1;
  --ct-sys-color-tertiary-dim: #635100;
  --ct-sys-color-tertiary-fixed: #f2e2b1;
  --ct-sys-color-tertiary-fixed-dim: #d6c697;
  --ct-sys-color-tertiary-palette-key-color: #9d8102;
  --ct-sys-color-warning: #845400;
  --ct-sys-color-warning-container: #f2e0c2;
}

:root[data-page-anchor="magenta"] {
  --ct-sys-color-background: #ffffff;
  --ct-sys-color-error: #ba1a1a;
  --ct-sys-color-error-container: #ffdad6;
  --ct-sys-color-error-dim: #a80710;
  --ct-sys-color-information: #006496;
  --ct-sys-color-information-container: #d7e4f2;
  --ct-sys-color-inverse-on-surface: #faedf4;
  --ct-sys-color-inverse-primary: #ffabf2;
  --ct-sys-color-inverse-surface: #352e33;
  --ct-sys-color-neutral-palette-key-color: #7e747a;
  --ct-sys-color-neutral-variant-palette-key-color: #80747c;
  --ct-sys-color-on-background: #201a1e;
  --ct-sys-color-on-error: #ffffff;
  --ct-sys-color-on-error-container: #93000a;
  --ct-sys-color-on-information: #ffffff;
  --ct-sys-color-on-information-container: #004b72;
  --ct-sys-color-on-primary: #ffffff;
  --ct-sys-color-on-primary-container: #810180;
  --ct-sys-color-on-primary-fixed: #380037;
  --ct-sys-color-on-primary-fixed-variant: #810180;
  --ct-sys-color-on-secondary: #ffffff;
  --ct-sys-color-on-secondary-container: #703700;
  --ct-sys-color-on-secondary-fixed: #301400;
  --ct-sys-color-on-secondary-fixed-variant: #703700;
  --ct-sys-color-on-success: #ffffff;
  --ct-sys-color-on-success-container: #005229;
  --ct-sys-color-on-surface: #201a1e;
  --ct-sys-color-on-surface-variant: #4e444b;
  --ct-sys-color-on-tertiary: #ffffff;
  --ct-sys-color-on-tertiary-container: #275000;
  --ct-sys-color-on-tertiary-fixed: #0c2000;
  --ct-sys-color-on-tertiary-fixed-variant: #275000;
  --ct-sys-color-on-warning: #ffffff;
  --ct-sys-color-on-warning-container: #5b4300;
  --ct-sys-color-outline: #80747b;
  --ct-sys-color-outline-variant: #d1c2cb;
  --ct-sys-color-primary: #8b4484;
  --ct-sys-color-primary-container: #fcd8f3;
  --ct-sys-color-primary-dim: #8f198c;
  --ct-sys-color-primary-fixed: #fcd8f3;
  --ct-sys-color-primary-fixed-dim: #dfbdd6;
  --ct-sys-color-primary-palette-key-color: #bc46b5;
  --ct-sys-color-scrim: #000000;
  --ct-sys-color-secondary: #964c00;
  --ct-sys-color-secondary-container: #ffdcc5;
  --ct-sys-color-secondary-dim: #7f430b;
  --ct-sys-color-secondary-fixed: #ffdcc5;
  --ct-sys-color-secondary-fixed-dim: #ebbe9f;
  --ct-sys-color-secondary-palette-key-color: #ab662e;
  --ct-sys-color-shadow: #000000;
  --ct-sys-color-success: #006d38;
  --ct-sys-color-success-container: #d6e7d5;
  --ct-sys-color-surface: #ffffff;
  --ct-sys-color-surface-bright: #fff7f9;
  --ct-sys-color-surface-container: #f7eaf1;
  --ct-sys-color-surface-container-high: #f1e5eb;
  --ct-sys-color-surface-container-highest: #ecdfe5;
  --ct-sys-color-surface-container-low: #fdf0f6;
  --ct-sys-color-surface-container-lowest: #ffffff;
  --ct-sys-color-surface-dim: #e3d7dd;
  --ct-sys-color-surface-tint: #9e2a9a;
  --ct-sys-color-surface-variant: #eedee7;
  --ct-sys-color-tertiary: #3e6919;
  --ct-sys-color-tertiary-container: #d7e9c3;
  --ct-sys-color-tertiary-dim: #325d0c;
  --ct-sys-color-tertiary-fixed: #d7e9c3;
  --ct-sys-color-tertiary-fixed-dim: #bbcca8;
  --ct-sys-color-tertiary-palette-key-color: #568331;
  --ct-sys-color-warning: #845400;
  --ct-sys-color-warning-container: #f2e0c2;
}

:root[data-page-anchor="vermilion"] {
  --ct-sys-color-background: #ffffff;
  --ct-sys-color-error: #ba1a1a;
  --ct-sys-color-error-container: #ffdad6;
  --ct-sys-color-error-dim: #a80710;
  --ct-sys-color-information: #006496;
  --ct-sys-color-information-container: #d7e4f2;
  --ct-sys-color-inverse-on-surface: #ffedec;
  --ct-sys-color-inverse-primary: #ffb3b6;
  --ct-sys-color-inverse-surface: #382e2e;
  --ct-sys-color-neutral-palette-key-color: #827474;
  --ct-sys-color-neutral-variant-palette-key-color: #857373;
  --ct-sys-color-on-background: #22191a;
  --ct-sys-color-on-error: #ffffff;
  --ct-sys-color-on-error-container: #93000a;
  --ct-sys-color-on-information: #ffffff;
  --ct-sys-color-on-information-container: #004b72;
  --ct-sys-color-on-primary: #ffffff;
  --ct-sys-color-on-primary-container: #8f0c2a;
  --ct-sys-color-on-primary-fixed: #40000d;
  --ct-sys-color-on-primary-fixed-variant: #8f0c2a;
  --ct-sys-color-on-secondary: #ffffff;
  --ct-sys-color-on-secondary-container: #554500;
  --ct-sys-color-on-secondary-fixed: #231b00;
  --ct-sys-color-on-secondary-fixed-variant: #554500;
  --ct-sys-color-on-success: #ffffff;
  --ct-sys-color-on-success-container: #005229;
  --ct-sys-color-on-surface: #22191a;
  --ct-sys-color-on-surface-variant: #524343;
  --ct-sys-color-on-tertiary: #ffffff;
  --ct-sys-color-on-tertiary-container: #005140;
  --ct-sys-color-on-tertiary-fixed: #002018;
  --ct-sys-color-on-tertiary-fixed-variant: #005140;
  --ct-sys-color-on-warning: #ffffff;
  --ct-sys-color-on-warning-container: #5b4300;
  --ct-sys-color-outline: #857373;
  --ct-sys-color-outline-variant: #d7c1c2;
  --ct-sys-color-primary: #9c404a;
  --ct-sys-color-primary-container: #ffdada;
  --ct-sys-color-primary-dim: #9f1c35;
  --ct-sys-color-primary-fixed: #ffdada;
  --ct-sys-color-primary-fixed-dim: #edbabc;
  --ct-sys-color-primary-palette-key-color: #d24356;
  --ct-sys-color-scrim: #000000;
  --ct-sys-color-secondary: #786300;
  --ct-sys-color-secondary-container: #f3e2b1;
  --ct-sys-color-secondary-dim: #62510b;
  --ct-sys-color-secondary-fixed: #f3e2b1;
  --ct-sys-color-secondary-fixed-dim: #d5c697;
  --ct-sys-color-secondary-palette-key-color: #8a762f;
  --ct-sys-color-shadow: #000000;
  --ct-sys-color-success: #006d38;
  --ct-sys-color-success-container: #d6e7d5;
  --ct-sys-color-surface: #ffffff;
  --ct-sys-color-surface-bright: #fff8f7;
  --ct-sys-color-surface-container: #fceaea;
  --ct-sys-color-surface-container-high: #f6e4e4;
  --ct-sys-color-surface-container-highest: #f0dede;
  --ct-sys-color-surface-container-low: #fff0f0;
  --ct-sys-color-surface-container-lowest: #ffffff;
  --ct-sys-color-surface-dim: #e7d6d6;
  --ct-sys-color-surface-tint: #b02a40;
  --ct-sys-color-surface-variant: #f4dddd;
  --ct-sys-color-tertiary: #00735c;
  --ct-sys-color-tertiary-container: #c6eadc;
  --ct-sys-color-tertiary-dim: #155d4b;
  --ct-sys-color-tertiary-fixed: #c6eadc;
  --ct-sys-color-tertiary-fixed-dim: #abcec0;
  --ct-sys-color-tertiary-palette-key-color: #418370;
  --ct-sys-color-warning: #845400;
  --ct-sys-color-warning-container: #f2e0c2;
}

:root[data-page-anchor="amber"] {
  --ct-sys-color-background: #ffffff;
  --ct-sys-color-error: #ba1a1a;
  --ct-sys-color-error-container: #ffdad6;
  --ct-sys-color-error-dim: #a80710;
  --ct-sys-color-information: #006496;
  --ct-sys-color-information-container: #d7e4f2;
  --ct-sys-color-inverse-on-surface: #feeee4;
  --ct-sys-color-inverse-primary: #ffb783;
  --ct-sys-color-inverse-surface: #382f29;
  --ct-sys-color-neutral-palette-key-color: #81756d;
  --ct-sys-color-neutral-variant-palette-key-color: #84746a;
  --ct-sys-color-on-background: #221a15;
  --ct-sys-color-on-error: #ffffff;
  --ct-sys-color-on-error-container: #93000a;
  --ct-sys-color-on-information: #ffffff;
  --ct-sys-color-on-information-container: #004b72;
  --ct-sys-color-on-primary: #ffffff;
  --ct-sys-color-on-primary-container: #703700;
  --ct-sys-color-on-primary-fixed: #301400;
  --ct-sys-color-on-primary-fixed-variant: #703700;
  --ct-sys-color-on-secondary: #ffffff;
  --ct-sys-color-on-secondary-container: #275000;
  --ct-sys-color-on-secondary-fixed: #0c2000;
  --ct-sys-color-on-secondary-fixed-variant: #275000;
  --ct-sys-color-on-success: #ffffff;
  --ct-sys-color-on-success-container: #005229;
  --ct-sys-color-on-surface: #221a15;
  --ct-sys-color-on-surface-variant: #52443b;
  --ct-sys-color-on-tertiary: #ffffff;
  --ct-sys-color-on-tertiary-container: #004e5b;
  --ct-sys-color-on-tertiary-fixed: #001f25;
  --ct-sys-color-on-tertiary-fixed-variant: #004e5b;
  --ct-sys-color-on-warning: #ffffff;
  --ct-sys-color-on-warning-container: #5b4300;
  --ct-sys-color-outline: #84746a;
  --ct-sys-color-outline-variant: #d6c3b7;
  --ct-sys-color-primary: #964c00;
  --ct-sys-color-primary-container: #ffdcc5;
  --ct-sys-color-primary-dim: #824100;
  --ct-sys-color-primary-fixed: #ffdcc5;
  --ct-sys-color-primary-fixed-dim: #ebbe9f;
  --ct-sys-color-primary-palette-key-color: #fe8500;
  --ct-sys-color-scrim: #000000;
  --ct-sys-color-secondary: #3e691a;
  --ct-sys-color-secondary-container: #d7e8c2;
  --ct-sys-color-secondary-dim: #2e5d00;
  --ct-sys-color-secondary-fixed: #d7e8c2;
  --ct-sys-color-secondary-fixed-dim: #bbcca8;
  --ct-sys-color-secondary-palette-key-color: #63bb02;
  --ct-sys-color-shadow: #000000;
  --ct-sys-color-success: #006d38;
  --ct-sys-color-success-container: #d6e7d5;
  --ct-sys-color-surface: #ffffff;
  --ct-sys-color-surface-bright: #fff8f5;
  --ct-sys-color-surface-container: #fbebe1;
  --ct-sys-color-surface-container-high: #f5e5dc;
  --ct-sys-color-surface-container-highest: #f0dfd6;
  --ct-sys-color-surface-container-low: #fff1e9;
  --ct-sys-color-surface-container-lowest: #ffffff;
  --ct-sys-color-surface-dim: #e7d7ce;
  --ct-sys-color-surface-tint: #944b00;
  --ct-sys-color-surface-variant: #f3dfd2;
  --ct-sys-color-tertiary: #007183;
  --ct-sys-color-tertiary-container: #c6e8f2;
  --ct-sys-color-tertiary-dim: #005b69;
  --ct-sys-color-tertiary-fixed: #c6e8f2;
  --ct-sys-color-tertiary-fixed-dim: #aaccd5;
  --ct-sys-color-tertiary-palette-key-color: #01b6d1;
  --ct-sys-color-warning: #845400;
  --ct-sys-color-warning-container: #f2e0c2;
}

:root[data-page-anchor="chartreuse"] {
  --ct-sys-color-background: #ffffff;
  --ct-sys-color-error: #ba1a1a;
  --ct-sys-color-error-container: #ffdad6;
  --ct-sys-color-error-dim: #a80710;
  --ct-sys-color-information: #006496;
  --ct-sys-color-information-container: #d7e4f2;
  --ct-sys-color-inverse-on-surface: #f8f0e2;
  --ct-sys-color-inverse-primary: #ecc300;
  --ct-sys-color-inverse-surface: #343027;
  --ct-sys-color-neutral-palette-key-color: #7c776c;
  --ct-sys-color-neutral-variant-palette-key-color: #7d7768;
  --ct-sys-color-on-background: #1e1b13;
  --ct-sys-color-on-error: #ffffff;
  --ct-sys-color-on-error-container: #93000a;
  --ct-sys-color-on-information: #ffffff;
  --ct-sys-color-on-information-container: #004b72;
  --ct-sys-color-on-primary: #ffffff;
  --ct-sys-color-on-primary-container: #564500;
  --ct-sys-color-on-primary-fixed: #231b00;
  --ct-sys-color-on-primary-fixed-variant: #564500;
  --ct-sys-color-on-secondary: #ffffff;
  --ct-sys-color-on-secondary-container: #005140;
  --ct-sys-color-on-secondary-fixed: #002018;
  --ct-sys-color-on-secondary-fixed-variant: #005140;
  --ct-sys-color-on-success: #ffffff;
  --ct-sys-color-on-success-container: #005229;
  --ct-sys-color-on-surface: #1e1b13;
  --ct-sys-color-on-surface-variant: #4b4639;
  --ct-sys-color-on-tertiary: #ffffff;
  --ct-sys-color-on-tertiary-container: #2b486a;
  --ct-sys-color-on-tertiary-fixed: #001c37;
  --ct-sys-color-on-tertiary-fixed-variant: #2b486a;
  --ct-sys-color-on-warning: #ffffff;
  --ct-sys-color-on-warning-container: #5b4300;
  --ct-sys-color-outline: #7d7767;
  --ct-sys-color-outline-variant: #cec6b4;
  --ct-sys-color-primary: #786200;
  --ct-sys-color-primary-container: #f3e2b1;
  --ct-sys-color-primary-dim: #635100;
  --ct-sys-color-primary-fixed: #f3e2b1;
  --ct-sys-color-primary-fixed-dim: #d6c697;
  --ct-sys-color-primary-palette-key-color: #fcd002;
  --ct-sys-color-scrim: #000000;
  --ct-sys-color-secondary: #01735d;
  --ct-sys-color-secondary-container: #c6eadc;
  --ct-sys-color-secondary-dim: #005e4b;
  --ct-sys-color-secondary-fixed: #c6eadc;
  --ct-sys-color-secondary-fixed-dim: #abcec0;
  --ct-sys-color-secondary-palette-key-color: #0df0c3;
  --ct-sys-color-shadow: #000000;
  --ct-sys-color-success: #006d38;
  --ct-sys-color-success-container: #d6e7d5;
  --ct-sys-color-surface: #ffffff;
  --ct-sys-color-surface-bright: #fff8ef;
  --ct-sys-color-surface-container: #f5eddf;
  --ct-sys-color-surface-container-high: #efe7da;
  --ct-sys-color-surface-container-highest: #e9e2d4;
  --ct-sys-color-surface-container-low: #fbf3e5;
  --ct-sys-color-surface-container-lowest: #ffffff;
  --ct-sys-color-surface-dim: #e1d9cc;
  --ct-sys-color-surface-tint: #715c00;
  --ct-sys-color-surface-variant: #ebe2cf;
  --ct-sys-color-tertiary: #0a61a4;
  --ct-sys-color-tertiary-container: #d2e4fe;
  --ct-sys-color-tertiary-dim: #375476;
  --ct-sys-color-tertiary-fixed: #d2e4fe;
  --ct-sys-color-tertiary-fixed-dim: #b7c8e2;
  --ct-sys-color-tertiary-palette-key-color: #5c799d;
  --ct-sys-color-warning: #845400;
  --ct-sys-color-warning-container: #f2e0c2;
}

:root[data-page-anchor="jade"] {
  --ct-sys-color-background: #ffffff;
  --ct-sys-color-error: #ba1a1a;
  --ct-sys-color-error-container: #ffdad6;
  --ct-sys-color-error-dim: #a80710;
  --ct-sys-color-information: #006496;
  --ct-sys-color-information-container: #d7e4f2;
  --ct-sys-color-inverse-on-surface: #f0f2e7;
  --ct-sys-color-inverse-primary: #8cdb4c;
  --ct-sys-color-inverse-surface: #2e312a;
  --ct-sys-color-neutral-palette-key-color: #75786f;
  --ct-sys-color-neutral-variant-palette-key-color: #74796d;
  --ct-sys-color-on-background: #1a1d16;
  --ct-sys-color-on-error: #ffffff;
  --ct-sys-color-on-error-container: #93000a;
  --ct-sys-color-on-information: #ffffff;
  --ct-sys-color-on-information-container: #004b72;
  --ct-sys-color-on-primary: #ffffff;
  --ct-sys-color-on-primary-container: #275000;
  --ct-sys-color-on-primary-fixed: #0c2000;
  --ct-sys-color-on-primary-fixed-variant: #275000;
  --ct-sys-color-on-secondary: #ffffff;
  --ct-sys-color-on-secondary-container: #004e5b;
  --ct-sys-color-on-secondary-fixed: #001f25;
  --ct-sys-color-on-secondary-fixed-variant: #004e5b;
  --ct-sys-color-on-success: #ffffff;
  --ct-sys-color-on-success-container: #005229;
  --ct-sys-color-on-surface: #1a1d16;
  --ct-sys-color-on-surface-variant: #44483e;
  --ct-sys-color-on-tertiary: #ffffff;
  --ct-sys-color-on-tertiary-container: #4a25b8;
  --ct-sys-color-on-tertiary-fixed: #1d0061;
  --ct-sys-color-on-tertiary-fixed-variant: #4a25b8;
  --ct-sys-color-on-warning: #ffffff;
  --ct-sys-color-on-warning-container: #5b4300;
  --ct-sys-color-outline: #74796d;
  --ct-sys-color-outline-variant: #c4c8ba;
  --ct-sys-color-primary: #3e691a;
  --ct-sys-color-primary-container: #d7e8c3;
  --ct-sys-color-primary-dim: #2e5d00;
  --ct-sys-color-primary-fixed: #d7e8c3;
  --ct-sys-color-primary-fixed-dim: #bbcca8;
  --ct-sys-color-primary-palette-key-color: #519a05;
  --ct-sys-color-scrim: #000000;
  --ct-sys-color-secondary: #007183;
  --ct-sys-color-secondary-container: #c6e8f2;
  --ct-sys-color-secondary-dim: #005b69;
  --ct-sys-color-secondary-fixed: #c6e8f2;
  --ct-sys-color-secondary-fixed-dim: #aaccd5;
  --ct-sys-color-secondary-palette-key-color: #0093a9;
  --ct-sys-color-shadow: #000000;
  --ct-sys-color-success: #006d38;
  --ct-sys-color-success-container: #d6e7d5;
  --ct-sys-color-surface: #ffffff;
  --ct-sys-color-surface-bright: #f9faef;
  --ct-sys-color-surface-container: #edefe4;
  --ct-sys-color-surface-container-high: #e7e9de;
  --ct-sys-color-surface-container-highest: #e2e3d9;
  --ct-sys-color-surface-container-low: #f3f5ea;
  --ct-sys-color-surface-container-lowest: #ffffff;
  --ct-sys-color-surface-dim: #d9dbd0;
  --ct-sys-color-surface-tint: #366b00;
  --ct-sys-color-surface-variant: #e0e4d6;
  --ct-sys-color-tertiary: #6251a6;
  --ct-sys-color-tertiary-container: #e6deff;
  --ct-sys-color-tertiary-dim: #5635c4;
  --ct-sys-color-tertiary-fixed: #e6deff;
  --ct-sys-color-tertiary-fixed-dim: #cac2e3;
  --ct-sys-color-tertiary-palette-key-color: #7c5fec;
  --ct-sys-color-warning: #845400;
  --ct-sys-color-warning-container: #f2e0c2;
}

:root[data-page-anchor="teal"] {
  --ct-sys-color-background: #ffffff;
  --ct-sys-color-error: #ba1a1a;
  --ct-sys-color-error-container: #ffdad6;
  --ct-sys-color-error-dim: #a80710;
  --ct-sys-color-information: #006496;
  --ct-sys-color-information-container: #d7e4f2;
  --ct-sys-color-inverse-on-surface: #ecf2ee;
  --ct-sys-color-inverse-primary: #00e0b6;
  --ct-sys-color-inverse-surface: #2b322f;
  --ct-sys-color-neutral-palette-key-color: #727875;
  --ct-sys-color-neutral-variant-palette-key-color: #6f7974;
  --ct-sys-color-on-background: #171d1a;
  --ct-sys-color-on-error: #ffffff;
  --ct-sys-color-on-error-container: #93000a;
  --ct-sys-color-on-information: #ffffff;
  --ct-sys-color-on-information-container: #004b72;
  --ct-sys-color-on-primary: #ffffff;
  --ct-sys-color-on-primary-container: #005140;
  --ct-sys-color-on-primary-fixed: #002018;
  --ct-sys-color-on-primary-fixed-variant: #005140;
  --ct-sys-color-on-secondary: #ffffff;
  --ct-sys-color-on-secondary-container: #2b4869;
  --ct-sys-color-on-secondary-fixed: #001c37;
  --ct-sys-color-on-secondary-fixed-variant: #2b4869;
  --ct-sys-color-on-success: #ffffff;
  --ct-sys-color-on-success-container: #005229;
  --ct-sys-color-on-surface: #171d1a;
  --ct-sys-color-on-surface-variant: #3f4945;
  --ct-sys-color-on-tertiary: #ffffff;
  --ct-sys-color-on-tertiary-container: #64375f;
  --ct-sys-color-on-tertiary-fixed: #330a31;
  --ct-sys-color-on-tertiary-fixed-variant: #64375f;
  --ct-sys-color-on-warning: #ffffff;
  --ct-sys-color-on-warning-container: #5b4300;
  --ct-sys-color-outline: #6f7975;
  --ct-sys-color-outline-variant: #bfc9c3;
  --ct-sys-color-primary: #01735d;
  --ct-sys-color-primary-container: #c6eadc;
  --ct-sys-color-primary-dim: #005e4b;
  --ct-sys-color-primary-fixed: #c6eadc;
  --ct-sys-color-primary-fixed-dim: #abcec1;
  --ct-sys-color-primary-palette-key-color: #00f0c3;
  --ct-sys-color-scrim: #000000;
  --ct-sys-color-secondary: #0f60a4;
  --ct-sys-color-secondary-container: #d2e4fe;
  --ct-sys-color-secondary-dim: #385476;
  --ct-sys-color-secondary-fixed: #d2e4fe;
  --ct-sys-color-secondary-fixed-dim: #b7c8e2;
  --ct-sys-color-secondary-palette-key-color: #5d799d;
  --ct-sys-color-shadow: #000000;
  --ct-sys-color-success: #006d38;
  --ct-sys-color-success-container: #d6e7d5;
  --ct-sys-color-surface: #ffffff;
  --ct-sys-color-surface-bright: #f5fbf6;
  --ct-sys-color-surface-container: #e9efeb;
  --ct-sys-color-surface-container-high: #e3eae5;
  --ct-sys-color-surface-container-highest: #dee4e0;
  --ct-sys-color-surface-container-low: #eff5f1;
  --ct-sys-color-surface-container-lowest: #ffffff;
  --ct-sys-color-surface-dim: #d5dbd7;
  --ct-sys-color-surface-tint: #006b56;
  --ct-sys-color-surface-variant: #dbe5df;
  --ct-sys-color-tertiary: #8a4485;
  --ct-sys-color-tertiary-container: #fcd8f3;
  --ct-sys-color-tertiary-dim: #71426b;
  --ct-sys-color-tertiary-fixed: #fcd8f3;
  --ct-sys-color-tertiary-fixed-dim: #dfbcd6;
  --ct-sys-color-tertiary-palette-key-color: #9a6692;
  --ct-sys-color-warning: #845400;
  --ct-sys-color-warning-container: #f2e0c2;
}

:root[data-page-anchor="azure"] {
  --ct-sys-color-background: #ffffff;
  --ct-sys-color-error: #ba1a1a;
  --ct-sys-color-error-container: #ffdad6;
  --ct-sys-color-error-dim: #a80710;
  --ct-sys-color-information: #006496;
  --ct-sys-color-information-container: #d7e4f2;
  --ct-sys-color-inverse-on-surface: #ecf2f3;
  --ct-sys-color-inverse-primary: #00d9fa;
  --ct-sys-color-inverse-surface: #2b3133;
  --ct-sys-color-neutral-palette-key-color: #72787a;
  --ct-sys-color-neutral-variant-palette-key-color: #70797b;
  --ct-sys-color-on-background: #171d1e;
  --ct-sys-color-on-error: #ffffff;
  --ct-sys-color-on-error-container: #93000a;
  --ct-sys-color-on-information: #ffffff;
  --ct-sys-color-on-information-container: #004b72;
  --ct-sys-color-on-primary: #ffffff;
  --ct-sys-color-on-primary-container: #004e5b;
  --ct-sys-color-on-primary-fixed: #001f25;
  --ct-sys-color-on-primary-fixed-variant: #004e5b;
  --ct-sys-color-on-secondary: #ffffff;
  --ct-sys-color-on-secondary-container: #493f72;
  --ct-sys-color-on-secondary-fixed: #1d1244;
  --ct-sys-color-on-secondary-fixed-variant: #493f72;
  --ct-sys-color-on-success: #ffffff;
  --ct-sys-color-on-success-container: #005229;
  --ct-sys-color-on-surface: #171d1e;
  --ct-sys-color-on-surface-variant: #3f484b;
  --ct-sys-color-on-tertiary: #ffffff;
  --ct-sys-color-on-tertiary-container: #6a383c;
  --ct-sys-color-on-tertiary-fixed: #350e12;
  --ct-sys-color-on-tertiary-fixed-variant: #6a383c;
  --ct-sys-color-on-warning: #ffffff;
  --ct-sys-color-on-warning-container: #5b4300;
  --ct-sys-color-outline: #6f797b;
  --ct-sys-color-outline-variant: #bfc8cb;
  --ct-sys-color-primary: #007183;
  --ct-sys-color-primary-container: #c6e8f2;
  --ct-sys-color-primary-dim: #005b6a;
  --ct-sys-color-primary-fixed: #c6e8f2;
  --ct-sys-color-primary-fixed-dim: #aaccd5;
  --ct-sys-color-primary-palette-key-color: #00dcfd;
  --ct-sys-color-scrim: #000000;
  --ct-sys-color-secondary: #6251a6;
  --ct-sys-color-secondary-container: #e7deff;
  --ct-sys-color-secondary-dim: #554b7f;
  --ct-sys-color-secondary-fixed: #e7deff;
  --ct-sys-color-secondary-fixed-dim: #cac2e3;
  --ct-sys-color-secondary-palette-key-color: #7a70a6;
  --ct-sys-color-shadow: #000000;
  --ct-sys-color-success: #006d38;
  --ct-sys-color-success-container: #d6e7d5;
  --ct-sys-color-surface: #ffffff;
  --ct-sys-color-surface-bright: #f5fafc;
  --ct-sys-color-surface-container: #e9eff1;
  --ct-sys-color-surface-container-high: #e4e9eb;
  --ct-sys-color-surface-container-highest: #dee3e5;
  --ct-sys-color-surface-container-low: #eff4f6;
  --ct-sys-color-surface-container-lowest: #ffffff;
  --ct-sys-color-surface-dim: #d5dbdd;
  --ct-sys-color-surface-tint: #006878;
  --ct-sys-color-surface-variant: #dbe4e7;
  --ct-sys-color-tertiary: #9c4049;
  --ct-sys-color-tertiary-container: #ffdada;
  --ct-sys-color-tertiary-dim: #774447;
  --ct-sys-color-tertiary-fixed: #ffdada;
  --ct-sys-color-tertiary-fixed-dim: #edbabb;
  --ct-sys-color-tertiary-palette-key-color: #a1676a;
  --ct-sys-color-warning: #845400;
  --ct-sys-color-warning-container: #f2e0c2;
}

[data-anchor-scope="cobalt"] {
  --ct-sys-color-background: #ffffff;
  --ct-sys-color-error: #ba1a1a;
  --ct-sys-color-error-container: #ffdad6;
  --ct-sys-color-error-dim: #a80710;
  --ct-sys-color-information: #006496;
  --ct-sys-color-information-container: #d7e4f2;
  --ct-sys-color-inverse-on-surface: #eff0f7;
  --ct-sys-color-inverse-primary: #a0c9ff;
  --ct-sys-color-inverse-surface: #2e3135;
  --ct-sys-color-neutral-palette-key-color: #75777d;
  --ct-sys-color-neutral-variant-palette-key-color: #73777f;
  --ct-sys-color-on-background: #191c20;
  --ct-sys-color-on-error: #ffffff;
  --ct-sys-color-on-error-container: #93000a;
  --ct-sys-color-on-information: #ffffff;
  --ct-sys-color-on-information-container: #004b72;
  --ct-sys-color-on-primary: #ffffff;
  --ct-sys-color-on-primary-container: #00497f;
  --ct-sys-color-on-primary-fixed: #001c37;
  --ct-sys-color-on-primary-fixed-variant: #00497f;
  --ct-sys-color-on-secondary: #ffffff;
  --ct-sys-color-on-secondary-container: #810080;
  --ct-sys-color-on-secondary-fixed: #380038;
  --ct-sys-color-on-secondary-fixed-variant: #810080;
  --ct-sys-color-on-success: #ffffff;
  --ct-sys-color-on-success-container: #005229;
  --ct-sys-color-on-surface: #191c20;
  --ct-sys-color-on-surface-variant: #43474e;
  --ct-sys-color-on-tertiary: #ffffff;
  --ct-sys-color-on-tertiary-container: #703700;
  --ct-sys-color-on-tertiary-fixed: #301400;
  --ct-sys-color-on-tertiary-fixed-variant: #703700;
  --ct-sys-color-on-warning: #ffffff;
  --ct-sys-color-on-warning-container: #5b4300;
  --ct-sys-color-outline: #73777f;
  --ct-sys-color-outline-variant: #c3c6cf;
  --ct-sys-color-primary: #0b61a4;
  --ct-sys-color-primary-container: #d2e4fe;
  --ct-sys-color-primary-dim: #005592;
  --ct-sys-color-primary-fixed: #d2e4fe;
  --ct-sys-color-primary-fixed-dim: #b6c7e1;
  --ct-sys-color-primary-palette-key-color: #0397fe;
  --ct-sys-color-scrim: #000000;
  --ct-sys-color-secondary: #8b4484;
  --ct-sys-color-secondary-container: #fcd8f3;
  --ct-sys-color-secondary-dim: #950094;
  --ct-sys-color-secondary-fixed: #fcd8f3;
  --ct-sys-color-secondary-fixed-dim: #dfbdd6;
  --ct-sys-color-secondary-palette-key-color: #f505f3;
  --ct-sys-color-shadow: #000000;
  --ct-sys-color-success: #006d38;
  --ct-sys-color-success-container: #d6e7d5;
  --ct-sys-color-surface: #ffffff;
  --ct-sys-color-surface-bright: #f8f9ff;
  --ct-sys-color-surface-container: #eceef4;
  --ct-sys-color-surface-container-high: #e7e8ee;
  --ct-sys-color-surface-container-highest: #e1e2e8;
  --ct-sys-color-surface-container-low: #f2f3fa;
  --ct-sys-color-surface-container-lowest: #ffffff;
  --ct-sys-color-surface-dim: #d8dae0;
  --ct-sys-color-surface-tint: #0061a6;
  --ct-sys-color-surface-variant: #dfe2eb;
  --ct-sys-color-tertiary: #964c00;
  --ct-sys-color-tertiary-container: #ffdcc5;
  --ct-sys-color-tertiary-dim: #824100;
  --ct-sys-color-tertiary-fixed: #ffdcc5;
  --ct-sys-color-tertiary-fixed-dim: #ebbe9f;
  --ct-sys-color-tertiary-palette-key-color: #e37600;
  --ct-sys-color-warning: #845400;
  --ct-sys-color-warning-container: #f2e0c2;
}

[data-anchor-scope="violet"] {
  --ct-sys-color-background: #ffffff;
  --ct-sys-color-error: #ba1a1a;
  --ct-sys-color-error-container: #ffdad6;
  --ct-sys-color-error-dim: #a80710;
  --ct-sys-color-information: #006496;
  --ct-sys-color-information-container: #d7e4f2;
  --ct-sys-color-inverse-on-surface: #f4eff7;
  --ct-sys-color-inverse-primary: #cbbeff;
  --ct-sys-color-inverse-surface: #312f36;
  --ct-sys-color-neutral-palette-key-color: #79767d;
  --ct-sys-color-neutral-variant-palette-key-color: #79757f;
  --ct-sys-color-on-background: #1c1b20;
  --ct-sys-color-on-error: #ffffff;
  --ct-sys-color-on-error-container: #93000a;
  --ct-sys-color-on-information: #ffffff;
  --ct-sys-color-on-information-container: #004b72;
  --ct-sys-color-on-primary: #ffffff;
  --ct-sys-color-on-primary-container: #4a21bd;
  --ct-sys-color-on-primary-fixed: #1d0061;
  --ct-sys-color-on-primary-fixed-variant: #4a21bd;
  --ct-sys-color-on-secondary: #ffffff;
  --ct-sys-color-on-secondary-container: #920028;
  --ct-sys-color-on-secondary-fixed: #40000c;
  --ct-sys-color-on-secondary-fixed-variant: #920028;
  --ct-sys-color-on-success: #ffffff;
  --ct-sys-color-on-success-container: #005229;
  --ct-sys-color-on-surface: #1c1b20;
  --ct-sys-color-on-surface-variant: #48454e;
  --ct-sys-color-on-tertiary: #ffffff;
  --ct-sys-color-on-tertiary-container: #554500;
  --ct-sys-color-on-tertiary-fixed: #231b00;
  --ct-sys-color-on-tertiary-fixed-variant: #554500;
  --ct-sys-color-on-warning: #ffffff;
  --ct-sys-color-on-warning-container: #5b4300;
  --ct-sys-color-outline: #79757f;
  --ct-sys-color-outline-variant: #c9c4d0;
  --ct-sys-color-primary: #6251a6;
  --ct-sys-color-primary-container: #e6deff;
  --ct-sys-color-primary-dim: #5632c9;
  --ct-sys-color-primary-fixed: #e6deff;
  --ct-sys-color-primary-fixed-dim: #cac2e3;
  --ct-sys-color-primary-palette-key-color: #7c5df0;
  --ct-sys-color-scrim: #000000;
  --ct-sys-color-secondary: #9c4049;
  --ct-sys-color-secondary-container: #ffdada;
  --ct-sys-color-secondary-dim: #a8002f;
  --ct-sys-color-secondary-fixed: #ffdada;
  --ct-sys-color-secondary-fixed-dim: #edbabc;
  --ct-sys-color-secondary-palette-key-color: #ec0848;
  --ct-sys-color-shadow: #000000;
  --ct-sys-color-success: #006d38;
  --ct-sys-color-success-container: #d6e7d5;
  --ct-sys-color-surface: #ffffff;
  --ct-sys-color-surface-bright: #fdf8ff;
  --ct-sys-color-surface-container: #f1ecf4;
  --ct-sys-color-surface-container-high: #ebe6ee;
  --ct-sys-color-surface-container-highest: #e6e1e9;
  --ct-sys-color-surface-container-low: #f7f2fa;
  --ct-sys-color-surface-container-lowest: #ffffff;
  --ct-sys-color-surface-dim: #ddd8e0;
  --ct-sys-color-surface-tint: #6341d5;
  --ct-sys-color-surface-variant: #e6e0ec;
  --ct-sys-color-tertiary: #786200;
  --ct-sys-color-tertiary-container: #f2e2b1;
  --ct-sys-color-tertiary-dim: #635100;
  --ct-sys-color-tertiary-fixed: #f2e2b1;
  --ct-sys-color-tertiary-fixed-dim: #d6c697;
  --ct-sys-color-tertiary-palette-key-color: #9d8102;
  --ct-sys-color-warning: #845400;
  --ct-sys-color-warning-container: #f2e0c2;
}

[data-anchor-scope="magenta"] {
  --ct-sys-color-background: #ffffff;
  --ct-sys-color-error: #ba1a1a;
  --ct-sys-color-error-container: #ffdad6;
  --ct-sys-color-error-dim: #a80710;
  --ct-sys-color-information: #006496;
  --ct-sys-color-information-container: #d7e4f2;
  --ct-sys-color-inverse-on-surface: #faedf4;
  --ct-sys-color-inverse-primary: #ffabf2;
  --ct-sys-color-inverse-surface: #352e33;
  --ct-sys-color-neutral-palette-key-color: #7e747a;
  --ct-sys-color-neutral-variant-palette-key-color: #80747c;
  --ct-sys-color-on-background: #201a1e;
  --ct-sys-color-on-error: #ffffff;
  --ct-sys-color-on-error-container: #93000a;
  --ct-sys-color-on-information: #ffffff;
  --ct-sys-color-on-information-container: #004b72;
  --ct-sys-color-on-primary: #ffffff;
  --ct-sys-color-on-primary-container: #810180;
  --ct-sys-color-on-primary-fixed: #380037;
  --ct-sys-color-on-primary-fixed-variant: #810180;
  --ct-sys-color-on-secondary: #ffffff;
  --ct-sys-color-on-secondary-container: #703700;
  --ct-sys-color-on-secondary-fixed: #301400;
  --ct-sys-color-on-secondary-fixed-variant: #703700;
  --ct-sys-color-on-success: #ffffff;
  --ct-sys-color-on-success-container: #005229;
  --ct-sys-color-on-surface: #201a1e;
  --ct-sys-color-on-surface-variant: #4e444b;
  --ct-sys-color-on-tertiary: #ffffff;
  --ct-sys-color-on-tertiary-container: #275000;
  --ct-sys-color-on-tertiary-fixed: #0c2000;
  --ct-sys-color-on-tertiary-fixed-variant: #275000;
  --ct-sys-color-on-warning: #ffffff;
  --ct-sys-color-on-warning-container: #5b4300;
  --ct-sys-color-outline: #80747b;
  --ct-sys-color-outline-variant: #d1c2cb;
  --ct-sys-color-primary: #8b4484;
  --ct-sys-color-primary-container: #fcd8f3;
  --ct-sys-color-primary-dim: #8f198c;
  --ct-sys-color-primary-fixed: #fcd8f3;
  --ct-sys-color-primary-fixed-dim: #dfbdd6;
  --ct-sys-color-primary-palette-key-color: #bc46b5;
  --ct-sys-color-scrim: #000000;
  --ct-sys-color-secondary: #964c00;
  --ct-sys-color-secondary-container: #ffdcc5;
  --ct-sys-color-secondary-dim: #7f430b;
  --ct-sys-color-secondary-fixed: #ffdcc5;
  --ct-sys-color-secondary-fixed-dim: #ebbe9f;
  --ct-sys-color-secondary-palette-key-color: #ab662e;
  --ct-sys-color-shadow: #000000;
  --ct-sys-color-success: #006d38;
  --ct-sys-color-success-container: #d6e7d5;
  --ct-sys-color-surface: #ffffff;
  --ct-sys-color-surface-bright: #fff7f9;
  --ct-sys-color-surface-container: #f7eaf1;
  --ct-sys-color-surface-container-high: #f1e5eb;
  --ct-sys-color-surface-container-highest: #ecdfe5;
  --ct-sys-color-surface-container-low: #fdf0f6;
  --ct-sys-color-surface-container-lowest: #ffffff;
  --ct-sys-color-surface-dim: #e3d7dd;
  --ct-sys-color-surface-tint: #9e2a9a;
  --ct-sys-color-surface-variant: #eedee7;
  --ct-sys-color-tertiary: #3e6919;
  --ct-sys-color-tertiary-container: #d7e9c3;
  --ct-sys-color-tertiary-dim: #325d0c;
  --ct-sys-color-tertiary-fixed: #d7e9c3;
  --ct-sys-color-tertiary-fixed-dim: #bbcca8;
  --ct-sys-color-tertiary-palette-key-color: #568331;
  --ct-sys-color-warning: #845400;
  --ct-sys-color-warning-container: #f2e0c2;
}

[data-anchor-scope="vermilion"] {
  --ct-sys-color-background: #ffffff;
  --ct-sys-color-error: #ba1a1a;
  --ct-sys-color-error-container: #ffdad6;
  --ct-sys-color-error-dim: #a80710;
  --ct-sys-color-information: #006496;
  --ct-sys-color-information-container: #d7e4f2;
  --ct-sys-color-inverse-on-surface: #ffedec;
  --ct-sys-color-inverse-primary: #ffb3b6;
  --ct-sys-color-inverse-surface: #382e2e;
  --ct-sys-color-neutral-palette-key-color: #827474;
  --ct-sys-color-neutral-variant-palette-key-color: #857373;
  --ct-sys-color-on-background: #22191a;
  --ct-sys-color-on-error: #ffffff;
  --ct-sys-color-on-error-container: #93000a;
  --ct-sys-color-on-information: #ffffff;
  --ct-sys-color-on-information-container: #004b72;
  --ct-sys-color-on-primary: #ffffff;
  --ct-sys-color-on-primary-container: #8f0c2a;
  --ct-sys-color-on-primary-fixed: #40000d;
  --ct-sys-color-on-primary-fixed-variant: #8f0c2a;
  --ct-sys-color-on-secondary: #ffffff;
  --ct-sys-color-on-secondary-container: #554500;
  --ct-sys-color-on-secondary-fixed: #231b00;
  --ct-sys-color-on-secondary-fixed-variant: #554500;
  --ct-sys-color-on-success: #ffffff;
  --ct-sys-color-on-success-container: #005229;
  --ct-sys-color-on-surface: #22191a;
  --ct-sys-color-on-surface-variant: #524343;
  --ct-sys-color-on-tertiary: #ffffff;
  --ct-sys-color-on-tertiary-container: #005140;
  --ct-sys-color-on-tertiary-fixed: #002018;
  --ct-sys-color-on-tertiary-fixed-variant: #005140;
  --ct-sys-color-on-warning: #ffffff;
  --ct-sys-color-on-warning-container: #5b4300;
  --ct-sys-color-outline: #857373;
  --ct-sys-color-outline-variant: #d7c1c2;
  --ct-sys-color-primary: #9c404a;
  --ct-sys-color-primary-container: #ffdada;
  --ct-sys-color-primary-dim: #9f1c35;
  --ct-sys-color-primary-fixed: #ffdada;
  --ct-sys-color-primary-fixed-dim: #edbabc;
  --ct-sys-color-primary-palette-key-color: #d24356;
  --ct-sys-color-scrim: #000000;
  --ct-sys-color-secondary: #786300;
  --ct-sys-color-secondary-container: #f3e2b1;
  --ct-sys-color-secondary-dim: #62510b;
  --ct-sys-color-secondary-fixed: #f3e2b1;
  --ct-sys-color-secondary-fixed-dim: #d5c697;
  --ct-sys-color-secondary-palette-key-color: #8a762f;
  --ct-sys-color-shadow: #000000;
  --ct-sys-color-success: #006d38;
  --ct-sys-color-success-container: #d6e7d5;
  --ct-sys-color-surface: #ffffff;
  --ct-sys-color-surface-bright: #fff8f7;
  --ct-sys-color-surface-container: #fceaea;
  --ct-sys-color-surface-container-high: #f6e4e4;
  --ct-sys-color-surface-container-highest: #f0dede;
  --ct-sys-color-surface-container-low: #fff0f0;
  --ct-sys-color-surface-container-lowest: #ffffff;
  --ct-sys-color-surface-dim: #e7d6d6;
  --ct-sys-color-surface-tint: #b02a40;
  --ct-sys-color-surface-variant: #f4dddd;
  --ct-sys-color-tertiary: #00735c;
  --ct-sys-color-tertiary-container: #c6eadc;
  --ct-sys-color-tertiary-dim: #155d4b;
  --ct-sys-color-tertiary-fixed: #c6eadc;
  --ct-sys-color-tertiary-fixed-dim: #abcec0;
  --ct-sys-color-tertiary-palette-key-color: #418370;
  --ct-sys-color-warning: #845400;
  --ct-sys-color-warning-container: #f2e0c2;
}

[data-anchor-scope="amber"] {
  --ct-sys-color-background: #ffffff;
  --ct-sys-color-error: #ba1a1a;
  --ct-sys-color-error-container: #ffdad6;
  --ct-sys-color-error-dim: #a80710;
  --ct-sys-color-information: #006496;
  --ct-sys-color-information-container: #d7e4f2;
  --ct-sys-color-inverse-on-surface: #feeee4;
  --ct-sys-color-inverse-primary: #ffb783;
  --ct-sys-color-inverse-surface: #382f29;
  --ct-sys-color-neutral-palette-key-color: #81756d;
  --ct-sys-color-neutral-variant-palette-key-color: #84746a;
  --ct-sys-color-on-background: #221a15;
  --ct-sys-color-on-error: #ffffff;
  --ct-sys-color-on-error-container: #93000a;
  --ct-sys-color-on-information: #ffffff;
  --ct-sys-color-on-information-container: #004b72;
  --ct-sys-color-on-primary: #ffffff;
  --ct-sys-color-on-primary-container: #703700;
  --ct-sys-color-on-primary-fixed: #301400;
  --ct-sys-color-on-primary-fixed-variant: #703700;
  --ct-sys-color-on-secondary: #ffffff;
  --ct-sys-color-on-secondary-container: #275000;
  --ct-sys-color-on-secondary-fixed: #0c2000;
  --ct-sys-color-on-secondary-fixed-variant: #275000;
  --ct-sys-color-on-success: #ffffff;
  --ct-sys-color-on-success-container: #005229;
  --ct-sys-color-on-surface: #221a15;
  --ct-sys-color-on-surface-variant: #52443b;
  --ct-sys-color-on-tertiary: #ffffff;
  --ct-sys-color-on-tertiary-container: #004e5b;
  --ct-sys-color-on-tertiary-fixed: #001f25;
  --ct-sys-color-on-tertiary-fixed-variant: #004e5b;
  --ct-sys-color-on-warning: #ffffff;
  --ct-sys-color-on-warning-container: #5b4300;
  --ct-sys-color-outline: #84746a;
  --ct-sys-color-outline-variant: #d6c3b7;
  --ct-sys-color-primary: #964c00;
  --ct-sys-color-primary-container: #ffdcc5;
  --ct-sys-color-primary-dim: #824100;
  --ct-sys-color-primary-fixed: #ffdcc5;
  --ct-sys-color-primary-fixed-dim: #ebbe9f;
  --ct-sys-color-primary-palette-key-color: #fe8500;
  --ct-sys-color-scrim: #000000;
  --ct-sys-color-secondary: #3e691a;
  --ct-sys-color-secondary-container: #d7e8c2;
  --ct-sys-color-secondary-dim: #2e5d00;
  --ct-sys-color-secondary-fixed: #d7e8c2;
  --ct-sys-color-secondary-fixed-dim: #bbcca8;
  --ct-sys-color-secondary-palette-key-color: #63bb02;
  --ct-sys-color-shadow: #000000;
  --ct-sys-color-success: #006d38;
  --ct-sys-color-success-container: #d6e7d5;
  --ct-sys-color-surface: #ffffff;
  --ct-sys-color-surface-bright: #fff8f5;
  --ct-sys-color-surface-container: #fbebe1;
  --ct-sys-color-surface-container-high: #f5e5dc;
  --ct-sys-color-surface-container-highest: #f0dfd6;
  --ct-sys-color-surface-container-low: #fff1e9;
  --ct-sys-color-surface-container-lowest: #ffffff;
  --ct-sys-color-surface-dim: #e7d7ce;
  --ct-sys-color-surface-tint: #944b00;
  --ct-sys-color-surface-variant: #f3dfd2;
  --ct-sys-color-tertiary: #007183;
  --ct-sys-color-tertiary-container: #c6e8f2;
  --ct-sys-color-tertiary-dim: #005b69;
  --ct-sys-color-tertiary-fixed: #c6e8f2;
  --ct-sys-color-tertiary-fixed-dim: #aaccd5;
  --ct-sys-color-tertiary-palette-key-color: #01b6d1;
  --ct-sys-color-warning: #845400;
  --ct-sys-color-warning-container: #f2e0c2;
}

[data-anchor-scope="chartreuse"] {
  --ct-sys-color-background: #ffffff;
  --ct-sys-color-error: #ba1a1a;
  --ct-sys-color-error-container: #ffdad6;
  --ct-sys-color-error-dim: #a80710;
  --ct-sys-color-information: #006496;
  --ct-sys-color-information-container: #d7e4f2;
  --ct-sys-color-inverse-on-surface: #f8f0e2;
  --ct-sys-color-inverse-primary: #ecc300;
  --ct-sys-color-inverse-surface: #343027;
  --ct-sys-color-neutral-palette-key-color: #7c776c;
  --ct-sys-color-neutral-variant-palette-key-color: #7d7768;
  --ct-sys-color-on-background: #1e1b13;
  --ct-sys-color-on-error: #ffffff;
  --ct-sys-color-on-error-container: #93000a;
  --ct-sys-color-on-information: #ffffff;
  --ct-sys-color-on-information-container: #004b72;
  --ct-sys-color-on-primary: #ffffff;
  --ct-sys-color-on-primary-container: #564500;
  --ct-sys-color-on-primary-fixed: #231b00;
  --ct-sys-color-on-primary-fixed-variant: #564500;
  --ct-sys-color-on-secondary: #ffffff;
  --ct-sys-color-on-secondary-container: #005140;
  --ct-sys-color-on-secondary-fixed: #002018;
  --ct-sys-color-on-secondary-fixed-variant: #005140;
  --ct-sys-color-on-success: #ffffff;
  --ct-sys-color-on-success-container: #005229;
  --ct-sys-color-on-surface: #1e1b13;
  --ct-sys-color-on-surface-variant: #4b4639;
  --ct-sys-color-on-tertiary: #ffffff;
  --ct-sys-color-on-tertiary-container: #2b486a;
  --ct-sys-color-on-tertiary-fixed: #001c37;
  --ct-sys-color-on-tertiary-fixed-variant: #2b486a;
  --ct-sys-color-on-warning: #ffffff;
  --ct-sys-color-on-warning-container: #5b4300;
  --ct-sys-color-outline: #7d7767;
  --ct-sys-color-outline-variant: #cec6b4;
  --ct-sys-color-primary: #786200;
  --ct-sys-color-primary-container: #f3e2b1;
  --ct-sys-color-primary-dim: #635100;
  --ct-sys-color-primary-fixed: #f3e2b1;
  --ct-sys-color-primary-fixed-dim: #d6c697;
  --ct-sys-color-primary-palette-key-color: #fcd002;
  --ct-sys-color-scrim: #000000;
  --ct-sys-color-secondary: #01735d;
  --ct-sys-color-secondary-container: #c6eadc;
  --ct-sys-color-secondary-dim: #005e4b;
  --ct-sys-color-secondary-fixed: #c6eadc;
  --ct-sys-color-secondary-fixed-dim: #abcec0;
  --ct-sys-color-secondary-palette-key-color: #0df0c3;
  --ct-sys-color-shadow: #000000;
  --ct-sys-color-success: #006d38;
  --ct-sys-color-success-container: #d6e7d5;
  --ct-sys-color-surface: #ffffff;
  --ct-sys-color-surface-bright: #fff8ef;
  --ct-sys-color-surface-container: #f5eddf;
  --ct-sys-color-surface-container-high: #efe7da;
  --ct-sys-color-surface-container-highest: #e9e2d4;
  --ct-sys-color-surface-container-low: #fbf3e5;
  --ct-sys-color-surface-container-lowest: #ffffff;
  --ct-sys-color-surface-dim: #e1d9cc;
  --ct-sys-color-surface-tint: #715c00;
  --ct-sys-color-surface-variant: #ebe2cf;
  --ct-sys-color-tertiary: #0a61a4;
  --ct-sys-color-tertiary-container: #d2e4fe;
  --ct-sys-color-tertiary-dim: #375476;
  --ct-sys-color-tertiary-fixed: #d2e4fe;
  --ct-sys-color-tertiary-fixed-dim: #b7c8e2;
  --ct-sys-color-tertiary-palette-key-color: #5c799d;
  --ct-sys-color-warning: #845400;
  --ct-sys-color-warning-container: #f2e0c2;
}

[data-anchor-scope="jade"] {
  --ct-sys-color-background: #ffffff;
  --ct-sys-color-error: #ba1a1a;
  --ct-sys-color-error-container: #ffdad6;
  --ct-sys-color-error-dim: #a80710;
  --ct-sys-color-information: #006496;
  --ct-sys-color-information-container: #d7e4f2;
  --ct-sys-color-inverse-on-surface: #f0f2e7;
  --ct-sys-color-inverse-primary: #8cdb4c;
  --ct-sys-color-inverse-surface: #2e312a;
  --ct-sys-color-neutral-palette-key-color: #75786f;
  --ct-sys-color-neutral-variant-palette-key-color: #74796d;
  --ct-sys-color-on-background: #1a1d16;
  --ct-sys-color-on-error: #ffffff;
  --ct-sys-color-on-error-container: #93000a;
  --ct-sys-color-on-information: #ffffff;
  --ct-sys-color-on-information-container: #004b72;
  --ct-sys-color-on-primary: #ffffff;
  --ct-sys-color-on-primary-container: #275000;
  --ct-sys-color-on-primary-fixed: #0c2000;
  --ct-sys-color-on-primary-fixed-variant: #275000;
  --ct-sys-color-on-secondary: #ffffff;
  --ct-sys-color-on-secondary-container: #004e5b;
  --ct-sys-color-on-secondary-fixed: #001f25;
  --ct-sys-color-on-secondary-fixed-variant: #004e5b;
  --ct-sys-color-on-success: #ffffff;
  --ct-sys-color-on-success-container: #005229;
  --ct-sys-color-on-surface: #1a1d16;
  --ct-sys-color-on-surface-variant: #44483e;
  --ct-sys-color-on-tertiary: #ffffff;
  --ct-sys-color-on-tertiary-container: #4a25b8;
  --ct-sys-color-on-tertiary-fixed: #1d0061;
  --ct-sys-color-on-tertiary-fixed-variant: #4a25b8;
  --ct-sys-color-on-warning: #ffffff;
  --ct-sys-color-on-warning-container: #5b4300;
  --ct-sys-color-outline: #74796d;
  --ct-sys-color-outline-variant: #c4c8ba;
  --ct-sys-color-primary: #3e691a;
  --ct-sys-color-primary-container: #d7e8c3;
  --ct-sys-color-primary-dim: #2e5d00;
  --ct-sys-color-primary-fixed: #d7e8c3;
  --ct-sys-color-primary-fixed-dim: #bbcca8;
  --ct-sys-color-primary-palette-key-color: #519a05;
  --ct-sys-color-scrim: #000000;
  --ct-sys-color-secondary: #007183;
  --ct-sys-color-secondary-container: #c6e8f2;
  --ct-sys-color-secondary-dim: #005b69;
  --ct-sys-color-secondary-fixed: #c6e8f2;
  --ct-sys-color-secondary-fixed-dim: #aaccd5;
  --ct-sys-color-secondary-palette-key-color: #0093a9;
  --ct-sys-color-shadow: #000000;
  --ct-sys-color-success: #006d38;
  --ct-sys-color-success-container: #d6e7d5;
  --ct-sys-color-surface: #ffffff;
  --ct-sys-color-surface-bright: #f9faef;
  --ct-sys-color-surface-container: #edefe4;
  --ct-sys-color-surface-container-high: #e7e9de;
  --ct-sys-color-surface-container-highest: #e2e3d9;
  --ct-sys-color-surface-container-low: #f3f5ea;
  --ct-sys-color-surface-container-lowest: #ffffff;
  --ct-sys-color-surface-dim: #d9dbd0;
  --ct-sys-color-surface-tint: #366b00;
  --ct-sys-color-surface-variant: #e0e4d6;
  --ct-sys-color-tertiary: #6251a6;
  --ct-sys-color-tertiary-container: #e6deff;
  --ct-sys-color-tertiary-dim: #5635c4;
  --ct-sys-color-tertiary-fixed: #e6deff;
  --ct-sys-color-tertiary-fixed-dim: #cac2e3;
  --ct-sys-color-tertiary-palette-key-color: #7c5fec;
  --ct-sys-color-warning: #845400;
  --ct-sys-color-warning-container: #f2e0c2;
}

[data-anchor-scope="teal"] {
  --ct-sys-color-background: #ffffff;
  --ct-sys-color-error: #ba1a1a;
  --ct-sys-color-error-container: #ffdad6;
  --ct-sys-color-error-dim: #a80710;
  --ct-sys-color-information: #006496;
  --ct-sys-color-information-container: #d7e4f2;
  --ct-sys-color-inverse-on-surface: #ecf2ee;
  --ct-sys-color-inverse-primary: #00e0b6;
  --ct-sys-color-inverse-surface: #2b322f;
  --ct-sys-color-neutral-palette-key-color: #727875;
  --ct-sys-color-neutral-variant-palette-key-color: #6f7974;
  --ct-sys-color-on-background: #171d1a;
  --ct-sys-color-on-error: #ffffff;
  --ct-sys-color-on-error-container: #93000a;
  --ct-sys-color-on-information: #ffffff;
  --ct-sys-color-on-information-container: #004b72;
  --ct-sys-color-on-primary: #ffffff;
  --ct-sys-color-on-primary-container: #005140;
  --ct-sys-color-on-primary-fixed: #002018;
  --ct-sys-color-on-primary-fixed-variant: #005140;
  --ct-sys-color-on-secondary: #ffffff;
  --ct-sys-color-on-secondary-container: #2b4869;
  --ct-sys-color-on-secondary-fixed: #001c37;
  --ct-sys-color-on-secondary-fixed-variant: #2b4869;
  --ct-sys-color-on-success: #ffffff;
  --ct-sys-color-on-success-container: #005229;
  --ct-sys-color-on-surface: #171d1a;
  --ct-sys-color-on-surface-variant: #3f4945;
  --ct-sys-color-on-tertiary: #ffffff;
  --ct-sys-color-on-tertiary-container: #64375f;
  --ct-sys-color-on-tertiary-fixed: #330a31;
  --ct-sys-color-on-tertiary-fixed-variant: #64375f;
  --ct-sys-color-on-warning: #ffffff;
  --ct-sys-color-on-warning-container: #5b4300;
  --ct-sys-color-outline: #6f7975;
  --ct-sys-color-outline-variant: #bfc9c3;
  --ct-sys-color-primary: #01735d;
  --ct-sys-color-primary-container: #c6eadc;
  --ct-sys-color-primary-dim: #005e4b;
  --ct-sys-color-primary-fixed: #c6eadc;
  --ct-sys-color-primary-fixed-dim: #abcec1;
  --ct-sys-color-primary-palette-key-color: #00f0c3;
  --ct-sys-color-scrim: #000000;
  --ct-sys-color-secondary: #0f60a4;
  --ct-sys-color-secondary-container: #d2e4fe;
  --ct-sys-color-secondary-dim: #385476;
  --ct-sys-color-secondary-fixed: #d2e4fe;
  --ct-sys-color-secondary-fixed-dim: #b7c8e2;
  --ct-sys-color-secondary-palette-key-color: #5d799d;
  --ct-sys-color-shadow: #000000;
  --ct-sys-color-success: #006d38;
  --ct-sys-color-success-container: #d6e7d5;
  --ct-sys-color-surface: #ffffff;
  --ct-sys-color-surface-bright: #f5fbf6;
  --ct-sys-color-surface-container: #e9efeb;
  --ct-sys-color-surface-container-high: #e3eae5;
  --ct-sys-color-surface-container-highest: #dee4e0;
  --ct-sys-color-surface-container-low: #eff5f1;
  --ct-sys-color-surface-container-lowest: #ffffff;
  --ct-sys-color-surface-dim: #d5dbd7;
  --ct-sys-color-surface-tint: #006b56;
  --ct-sys-color-surface-variant: #dbe5df;
  --ct-sys-color-tertiary: #8a4485;
  --ct-sys-color-tertiary-container: #fcd8f3;
  --ct-sys-color-tertiary-dim: #71426b;
  --ct-sys-color-tertiary-fixed: #fcd8f3;
  --ct-sys-color-tertiary-fixed-dim: #dfbcd6;
  --ct-sys-color-tertiary-palette-key-color: #9a6692;
  --ct-sys-color-warning: #845400;
  --ct-sys-color-warning-container: #f2e0c2;
}

[data-anchor-scope="azure"] {
  --ct-sys-color-background: #ffffff;
  --ct-sys-color-error: #ba1a1a;
  --ct-sys-color-error-container: #ffdad6;
  --ct-sys-color-error-dim: #a80710;
  --ct-sys-color-information: #006496;
  --ct-sys-color-information-container: #d7e4f2;
  --ct-sys-color-inverse-on-surface: #ecf2f3;
  --ct-sys-color-inverse-primary: #00d9fa;
  --ct-sys-color-inverse-surface: #2b3133;
  --ct-sys-color-neutral-palette-key-color: #72787a;
  --ct-sys-color-neutral-variant-palette-key-color: #70797b;
  --ct-sys-color-on-background: #171d1e;
  --ct-sys-color-on-error: #ffffff;
  --ct-sys-color-on-error-container: #93000a;
  --ct-sys-color-on-information: #ffffff;
  --ct-sys-color-on-information-container: #004b72;
  --ct-sys-color-on-primary: #ffffff;
  --ct-sys-color-on-primary-container: #004e5b;
  --ct-sys-color-on-primary-fixed: #001f25;
  --ct-sys-color-on-primary-fixed-variant: #004e5b;
  --ct-sys-color-on-secondary: #ffffff;
  --ct-sys-color-on-secondary-container: #493f72;
  --ct-sys-color-on-secondary-fixed: #1d1244;
  --ct-sys-color-on-secondary-fixed-variant: #493f72;
  --ct-sys-color-on-success: #ffffff;
  --ct-sys-color-on-success-container: #005229;
  --ct-sys-color-on-surface: #171d1e;
  --ct-sys-color-on-surface-variant: #3f484b;
  --ct-sys-color-on-tertiary: #ffffff;
  --ct-sys-color-on-tertiary-container: #6a383c;
  --ct-sys-color-on-tertiary-fixed: #350e12;
  --ct-sys-color-on-tertiary-fixed-variant: #6a383c;
  --ct-sys-color-on-warning: #ffffff;
  --ct-sys-color-on-warning-container: #5b4300;
  --ct-sys-color-outline: #6f797b;
  --ct-sys-color-outline-variant: #bfc8cb;
  --ct-sys-color-primary: #007183;
  --ct-sys-color-primary-container: #c6e8f2;
  --ct-sys-color-primary-dim: #005b6a;
  --ct-sys-color-primary-fixed: #c6e8f2;
  --ct-sys-color-primary-fixed-dim: #aaccd5;
  --ct-sys-color-primary-palette-key-color: #00dcfd;
  --ct-sys-color-scrim: #000000;
  --ct-sys-color-secondary: #6251a6;
  --ct-sys-color-secondary-container: #e7deff;
  --ct-sys-color-secondary-dim: #554b7f;
  --ct-sys-color-secondary-fixed: #e7deff;
  --ct-sys-color-secondary-fixed-dim: #cac2e3;
  --ct-sys-color-secondary-palette-key-color: #7a70a6;
  --ct-sys-color-shadow: #000000;
  --ct-sys-color-success: #006d38;
  --ct-sys-color-success-container: #d6e7d5;
  --ct-sys-color-surface: #ffffff;
  --ct-sys-color-surface-bright: #f5fafc;
  --ct-sys-color-surface-container: #e9eff1;
  --ct-sys-color-surface-container-high: #e4e9eb;
  --ct-sys-color-surface-container-highest: #dee3e5;
  --ct-sys-color-surface-container-low: #eff4f6;
  --ct-sys-color-surface-container-lowest: #ffffff;
  --ct-sys-color-surface-dim: #d5dbdd;
  --ct-sys-color-surface-tint: #006878;
  --ct-sys-color-surface-variant: #dbe4e7;
  --ct-sys-color-tertiary: #9c4049;
  --ct-sys-color-tertiary-container: #ffdada;
  --ct-sys-color-tertiary-dim: #774447;
  --ct-sys-color-tertiary-fixed: #ffdada;
  --ct-sys-color-tertiary-fixed-dim: #edbabb;
  --ct-sys-color-tertiary-palette-key-color: #a1676a;
  --ct-sys-color-warning: #845400;
  --ct-sys-color-warning-container: #f2e0c2;
}

[data-framework-card="web"] {
  --ct-sys-color-background: #fff9eb;
  --ct-sys-color-error: #ba1a1a;
  --ct-sys-color-error-container: #ffdad6;
  --ct-sys-color-error-dim: #a80710;
  --ct-sys-color-information: #006496;
  --ct-sys-color-information-container: #d7e4f2;
  --ct-sys-color-inverse-on-surface: #f6f0e2;
  --ct-sys-color-inverse-primary: #dec800;
  --ct-sys-color-inverse-surface: #333027;
  --ct-sys-color-neutral-palette-key-color: #7a776c;
  --ct-sys-color-neutral-variant-palette-key-color: #7b7768;
  --ct-sys-color-on-background: #1d1c13;
  --ct-sys-color-on-error: #ffffff;
  --ct-sys-color-on-error-container: #93000a;
  --ct-sys-color-on-information: #ffffff;
  --ct-sys-color-on-information-container: #004b72;
  --ct-sys-color-on-primary: #ffffff;
  --ct-sys-color-on-primary-container: #504700;
  --ct-sys-color-on-primary-fixed: #201c00;
  --ct-sys-color-on-primary-fixed-variant: #504700;
  --ct-sys-color-on-secondary: #ffffff;
  --ct-sys-color-on-secondary-container: #005046;
  --ct-sys-color-on-secondary-fixed: #00201b;
  --ct-sys-color-on-secondary-fixed-variant: #005046;
  --ct-sys-color-on-success: #ffffff;
  --ct-sys-color-on-success-container: #005229;
  --ct-sys-color-on-surface: #1d1c13;
  --ct-sys-color-on-surface-variant: #4a4739;
  --ct-sys-color-on-tertiary: #ffffff;
  --ct-sys-color-on-tertiary-container: #394760;
  --ct-sys-color-on-tertiary-fixed: #0c1c33;
  --ct-sys-color-on-tertiary-fixed-variant: #394760;
  --ct-sys-color-on-warning: #ffffff;
  --ct-sys-color-on-warning-container: #5b4300;
  --ct-sys-color-outline: #7b7768;
  --ct-sys-color-outline-variant: #ccc6b5;
  --ct-sys-color-primary: #716500;
  --ct-sys-color-primary-container: #ede3b3;
  --ct-sys-color-primary-dim: #5d5300;
  --ct-sys-color-primary-fixed: #ede3b3;
  --ct-sys-color-primary-fixed-dim: #d0c799;
  --ct-sys-color-primary-palette-key-color: #ead303;
  --ct-sys-color-scrim: #000000;
  --ct-sys-color-secondary: #007365;
  --ct-sys-color-secondary-container: #c5ebe1;
  --ct-sys-color-secondary-dim: #005d52;
  --ct-sys-color-secondary-fixed: #c5ebe1;
  --ct-sys-color-secondary-fixed-dim: #aacec5;
  --ct-sys-color-secondary-palette-key-color: #01ebd0;
  --ct-sys-color-shadow: #000000;
  --ct-sys-color-success: #006d38;
  --ct-sys-color-success-container: #d6e7d5;
  --ct-sys-color-surface: #fff9eb;
  --ct-sys-color-surface-bright: #fff9eb;
  --ct-sys-color-surface-container: #f3ede0;
  --ct-sys-color-surface-container-high: #ede8da;
  --ct-sys-color-surface-container-highest: #e8e2d5;
  --ct-sys-color-surface-container-low: #f9f3e5;
  --ct-sys-color-surface-container-lowest: #ffffff;
  --ct-sys-color-surface-dim: #dfdacc;
  --ct-sys-color-surface-tint: #6a5f00;
  --ct-sys-color-surface-variant: #e8e2d0;
  --ct-sys-color-tertiary: #285ea7;
  --ct-sys-color-tertiary-container: #d6e3ff;
  --ct-sys-color-tertiary-dim: #45536d;
  --ct-sys-color-tertiary-fixed: #d6e3ff;
  --ct-sys-color-tertiary-fixed-dim: #bac7e3;
  --ct-sys-color-tertiary-palette-key-color: #697793;
  --ct-sys-color-warning: #845400;
  --ct-sys-color-warning-container: #f2e0c2;
}

[data-framework-card="react"] {
  --ct-sys-color-background: #f5fafd;
  --ct-sys-color-error: #ba1a1a;
  --ct-sys-color-error-container: #ffdad6;
  --ct-sys-color-error-dim: #a80710;
  --ct-sys-color-information: #006496;
  --ct-sys-color-information-container: #d7e4f2;
  --ct-sys-color-inverse-on-surface: #ecf1f4;
  --ct-sys-color-inverse-primary: #5cd5f6;
  --ct-sys-color-inverse-surface: #2c3133;
  --ct-sys-color-neutral-palette-key-color: #72787a;
  --ct-sys-color-neutral-variant-palette-key-color: #6f787c;
  --ct-sys-color-on-background: #171c1e;
  --ct-sys-color-on-error: #ffffff;
  --ct-sys-color-on-error-container: #93000a;
  --ct-sys-color-on-information: #ffffff;
  --ct-sys-color-on-information-container: #004b72;
  --ct-sys-color-on-primary: #ffffff;
  --ct-sys-color-on-primary-container: #004e5e;
  --ct-sys-color-on-primary-fixed: #001f27;
  --ct-sys-color-on-primary-fixed-variant: #004e5e;
  --ct-sys-color-on-secondary: #ffffff;
  --ct-sys-color-on-secondary-container: #4c3f6e;
  --ct-sys-color-on-secondary-fixed: #201240;
  --ct-sys-color-on-secondary-fixed-variant: #4c3f6e;
  --ct-sys-color-on-success: #ffffff;
  --ct-sys-color-on-success-container: #005229;
  --ct-sys-color-on-surface: #171c1e;
  --ct-sys-color-on-surface-variant: #40484b;
  --ct-sys-color-on-tertiary: #ffffff;
  --ct-sys-color-on-tertiary-container: #683a39;
  --ct-sys-color-on-tertiary-fixed: #341010;
  --ct-sys-color-on-tertiary-fixed-variant: #683a39;
  --ct-sys-color-on-warning: #ffffff;
  --ct-sys-color-on-warning-container: #5b4300;
  --ct-sys-color-outline: #70787c;
  --ct-sys-color-outline-variant: #bfc8cb;
  --ct-sys-color-primary: #007087;
  --ct-sys-color-primary-container: #c7e8f4;
  --ct-sys-color-primary-dim: #005b6d;
  --ct-sys-color-primary-fixed: #c7e8f4;
  --ct-sys-color-primary-fixed-dim: #abccd7;
  --ct-sys-color-primary-palette-key-color: #0aa6c6;
  --ct-sys-color-scrim: #000000;
  --ct-sys-color-secondary: #6850a4;
  --ct-sys-color-secondary-container: #e9ddff;
  --ct-sys-color-secondary-dim: #584b7b;
  --ct-sys-color-secondary-fixed: #e9ddff;
  --ct-sys-color-secondary-fixed-dim: #cdc1e2;
  --ct-sys-color-secondary-palette-key-color: #7e6fa2;
  --ct-sys-color-shadow: #000000;
  --ct-sys-color-success: #006d38;
  --ct-sys-color-success-container: #d6e7d5;
  --ct-sys-color-surface: #f5fafd;
  --ct-sys-color-surface-bright: #f5fafd;
  --ct-sys-color-surface-container: #eaeff1;
  --ct-sys-color-surface-container-high: #e4e9eb;
  --ct-sys-color-surface-container-highest: #dee3e6;
  --ct-sys-color-surface-container-low: #eff4f7;
  --ct-sys-color-surface-container-lowest: #ffffff;
  --ct-sys-color-surface-dim: #d6dbdd;
  --ct-sys-color-surface-tint: #00677c;
  --ct-sys-color-surface-variant: #dbe4e8;
  --ct-sys-color-tertiary: #9c4142;
  --ct-sys-color-tertiary-container: #ffdad8;
  --ct-sys-color-tertiary-dim: #754544;
  --ct-sys-color-tertiary-fixed: #ffdad8;
  --ct-sys-color-tertiary-fixed-dim: #edbab8;
  --ct-sys-color-tertiary-palette-key-color: #9f6968;
  --ct-sys-color-warning: #845400;
  --ct-sys-color-warning-container: #f2e0c2;
}

[data-framework-card="blazor"] {
  --ct-sys-color-background: #fdf8ff;
  --ct-sys-color-error: #ba1a1a;
  --ct-sys-color-error-container: #ffdad6;
  --ct-sys-color-error-dim: #a80710;
  --ct-sys-color-information: #006496;
  --ct-sys-color-information-container: #d7e4f2;
  --ct-sys-color-inverse-on-surface: #f4eff7;
  --ct-sys-color-inverse-primary: #c9beff;
  --ct-sys-color-inverse-surface: #312f36;
  --ct-sys-color-neutral-palette-key-color: #79767d;
  --ct-sys-color-neutral-variant-palette-key-color: #78757f;
  --ct-sys-color-on-background: #1c1b20;
  --ct-sys-color-on-error: #ffffff;
  --ct-sys-color-on-error-container: #93000a;
  --ct-sys-color-on-information: #ffffff;
  --ct-sys-color-on-information-container: #004b72;
  --ct-sys-color-on-primary: #ffffff;
  --ct-sys-color-on-primary-container: #4618ca;
  --ct-sys-color-on-primary-fixed: #1b0063;
  --ct-sys-color-on-primary-fixed-variant: #4618ca;
  --ct-sys-color-on-secondary: #ffffff;
  --ct-sys-color-on-secondary-container: #8e0c2e;
  --ct-sys-color-on-secondary-fixed: #40000e;
  --ct-sys-color-on-secondary-fixed-variant: #8e0c2e;
  --ct-sys-color-on-success: #ffffff;
  --ct-sys-color-on-success-container: #005229;
  --ct-sys-color-on-surface: #1c1b20;
  --ct-sys-color-on-surface-variant: #48454e;
  --ct-sys-color-on-tertiary: #ffffff;
  --ct-sys-color-on-tertiary-container: #564506;
  --ct-sys-color-on-tertiary-fixed: #231b00;
  --ct-sys-color-on-tertiary-fixed-variant: #564506;
  --ct-sys-color-on-warning: #ffffff;
  --ct-sys-color-on-warning-container: #5b4300;
  --ct-sys-color-outline: #79757f;
  --ct-sys-color-outline-variant: #c9c5d0;
  --ct-sys-color-primary: #6052a6;
  --ct-sys-color-primary-container: #e6deff;
  --ct-sys-color-primary-dim: #522dd5;
  --ct-sys-color-primary-fixed: #e6deff;
  --ct-sys-color-primary-fixed-dim: #c9c2e2;
  --ct-sys-color-primary-palette-key-color: #785bfc;
  --ct-sys-color-scrim: #000000;
  --ct-sys-color-secondary: #9c404c;
  --ct-sys-color-secondary-container: #ffdadb;
  --ct-sys-color-secondary-dim: #9f1c38;
  --ct-sys-color-secondary-fixed: #ffdadb;
  --ct-sys-color-secondary-fixed-dim: #ecbabd;
  --ct-sys-color-secondary-palette-key-color: #d1445a;
  --ct-sys-color-shadow: #000000;
  --ct-sys-color-success: #006d38;
  --ct-sys-color-success-container: #d6e7d5;
  --ct-sys-color-surface: #fdf8ff;
  --ct-sys-color-surface-bright: #fdf8ff;
  --ct-sys-color-surface-container: #f1ecf4;
  --ct-sys-color-surface-container-high: #ebe6ee;
  --ct-sys-color-surface-container-highest: #e6e1e9;
  --ct-sys-color-surface-container-low: #f7f2fa;
  --ct-sys-color-surface-container-lowest: #ffffff;
  --ct-sys-color-surface-dim: #ddd8e0;
  --ct-sys-color-surface-tint: #5f3de2;
  --ct-sys-color-surface-variant: #e6e0ec;
  --ct-sys-color-tertiary: #796200;
  --ct-sys-color-tertiary-container: #f4e2b1;
  --ct-sys-color-tertiary-dim: #625113;
  --ct-sys-color-tertiary-fixed: #f4e2b1;
  --ct-sys-color-tertiary-fixed-dim: #d6c697;
  --ct-sys-color-tertiary-palette-key-color: #897535;
  --ct-sys-color-warning: #845400;
  --ct-sys-color-warning-container: #f2e0c2;
}

[data-framework-card="angular"] {
  --ct-sys-color-background: #fff8f7;
  --ct-sys-color-error: #ba1a1a;
  --ct-sys-color-error-container: #ffdad6;
  --ct-sys-color-error-dim: #a80710;
  --ct-sys-color-information: #006496;
  --ct-sys-color-information-container: #d7e4f2;
  --ct-sys-color-inverse-on-surface: #ffedeb;
  --ct-sys-color-inverse-primary: #ffb3b1;
  --ct-sys-color-inverse-surface: #382e2d;
  --ct-sys-color-neutral-palette-key-color: #827473;
  --ct-sys-color-neutral-variant-palette-key-color: #857372;
  --ct-sys-color-on-background: #231919;
  --ct-sys-color-on-error: #ffffff;
  --ct-sys-color-on-error-container: #93000a;
  --ct-sys-color-on-information: #ffffff;
  --ct-sys-color-on-information-container: #004b72;
  --ct-sys-color-on-primary: #ffffff;
  --ct-sys-color-on-primary-container: #92001d;
  --ct-sys-color-on-primary-fixed: #410007;
  --ct-sys-color-on-primary-fixed-variant: #92001d;
  --ct-sys-color-on-secondary: #ffffff;
  --ct-sys-color-on-secondary-container: #524600;
  --ct-sys-color-on-secondary-fixed: #211b00;
  --ct-sys-color-on-secondary-fixed-variant: #524600;
  --ct-sys-color-on-success: #ffffff;
  --ct-sys-color-on-success-container: #005229;
  --ct-sys-color-on-surface: #231919;
  --ct-sys-color-on-surface-variant: #524342;
  --ct-sys-color-on-tertiary: #ffffff;
  --ct-sys-color-on-tertiary-container: #005144;
  --ct-sys-color-on-tertiary-fixed: #00201a;
  --ct-sys-color-on-tertiary-fixed-variant: #005144;
  --ct-sys-color-on-warning: #ffffff;
  --ct-sys-color-on-warning-container: #5b4300;
  --ct-sys-color-outline: #857372;
  --ct-sys-color-outline-variant: #d7c1c0;
  --ct-sys-color-primary: #9c4142;
  --ct-sys-color-primary-container: #ffdad8;
  --ct-sys-color-primary-dim: #a80023;
  --ct-sys-color-primary-fixed: #ffdad8;
  --ct-sys-color-primary-fixed-dim: #eebab8;
  --ct-sys-color-primary-palette-key-color: #ea1638;
  --ct-sys-color-scrim: #000000;
  --ct-sys-color-secondary: #746400;
  --ct-sys-color-secondary-container: #efe3b2;
  --ct-sys-color-secondary-dim: #605200;
  --ct-sys-color-secondary-fixed: #efe3b2;
  --ct-sys-color-secondary-fixed-dim: #d3c698;
  --ct-sys-color-secondary-palette-key-color: #89770d;
  --ct-sys-color-shadow: #000000;
  --ct-sys-color-success: #006d38;
  --ct-sys-color-success-container: #d6e7d5;
  --ct-sys-color-surface: #fff8f7;
  --ct-sys-color-surface-bright: #fff8f7;
  --ct-sys-color-surface-container: #fceae9;
  --ct-sys-color-surface-container-high: #f6e4e3;
  --ct-sys-color-surface-container-highest: #f0dedd;
  --ct-sys-color-surface-container-low: #fff0ef;
  --ct-sys-color-surface-container-lowest: #ffffff;
  --ct-sys-color-surface-dim: #e8d6d5;
  --ct-sys-color-surface-tint: #bf0029;
  --ct-sys-color-surface-variant: #f4dddc;
  --ct-sys-color-tertiary: #017361;
  --ct-sys-color-tertiary-container: #c5eadf;
  --ct-sys-color-tertiary-dim: #005e4f;
  --ct-sys-color-tertiary-fixed: #c5eadf;
  --ct-sys-color-tertiary-fixed-dim: #aacfc3;
  --ct-sys-color-tertiary-palette-key-color: #188673;
  --ct-sys-color-warning: #845400;
  --ct-sys-color-warning-container: #f2e0c2;
}

[data-framework-card="vue"] {
  --ct-sys-color-background: #f5fbf4;
  --ct-sys-color-error: #ba1a1a;
  --ct-sys-color-error-container: #ffdad6;
  --ct-sys-color-error-dim: #a80710;
  --ct-sys-color-information: #006496;
  --ct-sys-color-information-container: #d7e4f2;
  --ct-sys-color-inverse-on-surface: #edf2ec;
  --ct-sys-color-inverse-primary: #69dca4;
  --ct-sys-color-inverse-surface: #2c322e;
  --ct-sys-color-neutral-palette-key-color: #727873;
  --ct-sys-color-neutral-variant-palette-key-color: #707972;
  --ct-sys-color-on-background: #171d19;
  --ct-sys-color-on-error: #ffffff;
  --ct-sys-color-on-error-container: #93000a;
  --ct-sys-color-on-information: #ffffff;
  --ct-sys-color-on-information-container: #004b72;
  --ct-sys-color-on-primary: #ffffff;
  --ct-sys-color-on-primary-container: #005234;
  --ct-sys-color-on-primary-fixed: #002112;
  --ct-sys-color-on-primary-fixed-variant: #005234;
  --ct-sys-color-on-secondary: #ffffff;
  --ct-sys-color-on-secondary-container: #004b70;
  --ct-sys-color-on-secondary-fixed: #001e30;
  --ct-sys-color-on-secondary-fixed-variant: #004b70;
  --ct-sys-color-on-success: #ffffff;
  --ct-sys-color-on-success-container: #005229;
  --ct-sys-color-on-surface: #171d19;
  --ct-sys-color-on-surface-variant: #404943;
  --ct-sys-color-on-tertiary: #ffffff;
  --ct-sys-color-on-tertiary-container: #701f8a;
  --ct-sys-color-on-tertiary-fixed: #330044;
  --ct-sys-color-on-tertiary-fixed-variant: #701f8a;
  --ct-sys-color-on-warning: #ffffff;
  --ct-sys-color-on-warning-container: #5b4300;
  --ct-sys-color-outline: #707972;
  --ct-sys-color-outline-variant: #c0c9c1;
  --ct-sys-color-primary: #00764e;
  --ct-sys-color-primary-container: #caebd5;
  --ct-sys-color-primary-dim: #005f3d;
  --ct-sys-color-primary-fixed: #caebd5;
  --ct-sys-color-primary-fixed-dim: #aeceba;
  --ct-sys-color-primary-palette-key-color: #049462;
  --ct-sys-color-scrim: #000000;
  --ct-sys-color-secondary: #006c9e;
  --ct-sys-color-secondary-container: #cde6fb;
  --ct-sys-color-secondary-dim: #005782;
  --ct-sys-color-secondary-fixed: #cde6fb;
  --ct-sys-color-secondary-fixed-dim: #b2c9df;
  --ct-sys-color-secondary-palette-key-color: #0289c8;
  --ct-sys-color-shadow: #000000;
  --ct-sys-color-success: #006d38;
  --ct-sys-color-success-container: #d6e7d5;
  --ct-sys-color-surface: #f5fbf4;
  --ct-sys-color-surface-bright: #f5fbf4;
  --ct-sys-color-surface-container: #eaefe9;
  --ct-sys-color-surface-container-high: #e4eae3;
  --ct-sys-color-surface-container-highest: #dee4de;
  --ct-sys-color-surface-container-low: #f0f5ef;
  --ct-sys-color-surface-container-lowest: #ffffff;
  --ct-sys-color-surface-dim: #d6dbd5;
  --ct-sys-color-surface-tint: #006c47;
  --ct-sys-color-surface-variant: #dce5dc;
  --ct-sys-color-tertiary: #804792;
  --ct-sys-color-tertiary-container: #f6daf8;
  --ct-sys-color-tertiary-dim: #7d2e96;
  --ct-sys-color-tertiary-fixed: #f6daf8;
  --ct-sys-color-tertiary-fixed-dim: #d9bedb;
  --ct-sys-color-tertiary-palette-key-color: #a655bf;
  --ct-sys-color-warning: #845400;
  --ct-sys-color-warning-container: #f2e0c2;
}

[data-framework-card="svelte"] {
  --ct-sys-color-background: #fff8f6;
  --ct-sys-color-error: #ba1a1a;
  --ct-sys-color-error-container: #ffdad6;
  --ct-sys-color-error-dim: #a80710;
  --ct-sys-color-information: #006496;
  --ct-sys-color-information-container: #d7e4f2;
  --ct-sys-color-inverse-on-surface: #ffede9;
  --ct-sys-color-inverse-primary: #ffb4a2;
  --ct-sys-color-inverse-surface: #392e2b;
  --ct-sys-color-neutral-palette-key-color: #827471;
  --ct-sys-color-neutral-variant-palette-key-color: #85736f;
  --ct-sys-color-on-background: #231917;
  --ct-sys-color-on-error: #ffffff;
  --ct-sys-color-on-error-container: #93000a;
  --ct-sys-color-on-information: #ffffff;
  --ct-sys-color-on-information-container: #004b72;
  --ct-sys-color-on-primary: #ffffff;
  --ct-sys-color-on-primary-container: #891d00;
  --ct-sys-color-on-primary-fixed: #3c0700;
  --ct-sys-color-on-primary-fixed-variant: #891d00;
  --ct-sys-color-on-secondary: #ffffff;
  --ct-sys-color-on-secondary-container: #484a00;
  --ct-sys-color-on-secondary-fixed: #1c1d00;
  --ct-sys-color-on-secondary-fixed-variant: #484a00;
  --ct-sys-color-on-success: #ffffff;
  --ct-sys-color-on-success-container: #005229;
  --ct-sys-color-on-surface: #231917;
  --ct-sys-color-on-surface-variant: #534340;
  --ct-sys-color-on-tertiary: #ffffff;
  --ct-sys-color-on-tertiary-container: #00504d;
  --ct-sys-color-on-tertiary-fixed: #00201f;
  --ct-sys-color-on-tertiary-fixed-variant: #00504d;
  --ct-sys-color-on-warning: #ffffff;
  --ct-sys-color-on-warning-container: #5b4300;
  --ct-sys-color-outline: #85736f;
  --ct-sys-color-outline-variant: #d8c2bd;
  --ct-sys-color-primary: #9c432d;
  --ct-sys-color-primary-container: #ffdad2;
  --ct-sys-color-primary-dim: #9e2300;
  --ct-sys-color-primary-fixed: #ffdad2;
  --ct-sys-color-primary-fixed-dim: #eebaae;
  --ct-sys-color-primary-palette-key-color: #fb3d00;
  --ct-sys-color-scrim: #000000;
  --ct-sys-color-secondary: #666800;
  --ct-sys-color-secondary-container: #e6e6b7;
  --ct-sys-color-secondary-dim: #545600;
  --ct-sys-color-secondary-fixed: #e6e6b7;
  --ct-sys-color-secondary-fixed-dim: #cac99c;
  --ct-sys-color-secondary-palette-key-color: #8b8e00;
  --ct-sys-color-shadow: #000000;
  --ct-sys-color-success: #006d38;
  --ct-sys-color-success-container: #d6e7d5;
  --ct-sys-color-surface: #fff8f6;
  --ct-sys-color-surface-bright: #fff8f6;
  --ct-sys-color-surface-container: #fceae6;
  --ct-sys-color-surface-container-high: #f7e4e0;
  --ct-sys-color-surface-container-highest: #f1dfda;
  --ct-sys-color-surface-container-low: #fff1ed;
  --ct-sys-color-surface-container-lowest: #ffffff;
  --ct-sys-color-surface-dim: #e8d6d2;
  --ct-sys-color-surface-tint: #b42900;
  --ct-sys-color-surface-variant: #f5ddd8;
  --ct-sys-color-tertiary: #00726e;
  --ct-sys-color-tertiary-container: #c4eae7;
  --ct-sys-color-tertiary-dim: #005d59;
  --ct-sys-color-tertiary-fixed: #c4eae7;
  --ct-sys-color-tertiary-fixed-dim: #a8ceca;
  --ct-sys-color-tertiary-palette-key-color: #049994;
  --ct-sys-color-warning: #845400;
  --ct-sys-color-warning-container: #f2e0c2;
}

@media (prefers-color-scheme: dark) {
  :root[data-page-anchor="cobalt"] {
    --ct-sys-color-background: #000000;
    --ct-sys-color-error: #ffb4ab;
    --ct-sys-color-error-container: #93000a;
    --ct-sys-color-error-dim: #ff554a;
    --ct-sys-color-information: #a4cbee;
    --ct-sys-color-information-container: #004b72;
    --ct-sys-color-inverse-on-surface: #2e3135;
    --ct-sys-color-inverse-primary: #0061a6;
    --ct-sys-color-inverse-surface: #e1e2e8;
    --ct-sys-color-neutral-palette-key-color: #75777d;
    --ct-sys-color-neutral-variant-palette-key-color: #73777f;
    --ct-sys-color-on-background: #e1e2e8;
    --ct-sys-color-on-error: #690005;
    --ct-sys-color-on-error-container: #ffdad6;
    --ct-sys-color-on-information: #003451;
    --ct-sys-color-on-information-container: #d7e4f2;
    --ct-sys-color-on-primary: #003259;
    --ct-sys-color-on-primary-container: #d2e4ff;
    --ct-sys-color-on-primary-fixed: #001c37;
    --ct-sys-color-on-primary-fixed-variant: #00497f;
    --ct-sys-color-on-secondary: #5b005a;
    --ct-sys-color-on-secondary-container: #ffd7f5;
    --ct-sys-color-on-secondary-fixed: #380038;
    --ct-sys-color-on-secondary-fixed-variant: #810080;
    --ct-sys-color-on-success: #00391a;
    --ct-sys-color-on-success-container: #d6e7d5;
    --ct-sys-color-on-surface: #e1e2e8;
    --ct-sys-color-on-surface-variant: #c3c6cf;
    --ct-sys-color-on-tertiary: #4f2500;
    --ct-sys-color-on-tertiary-container: #ffdcc5;
    --ct-sys-color-on-tertiary-fixed: #301400;
    --ct-sys-color-on-tertiary-fixed-variant: #703700;
    --ct-sys-color-on-warning: #3f2e00;
    --ct-sys-color-on-warning-container: #f2e0c2;
    --ct-sys-color-outline: #8d9199;
    --ct-sys-color-outline-variant: #43474e;
    --ct-sys-color-primary: #94c2fd;
    --ct-sys-color-primary-container: #3a485b;
    --ct-sys-color-primary-dim: #0297fe;
    --ct-sys-color-primary-fixed: #d2e4fe;
    --ct-sys-color-primary-fixed-dim: #b6c7e1;
    --ct-sys-color-primary-palette-key-color: #0397fe;
    --ct-sys-color-scrim: #000000;
    --ct-sys-color-secondary: #f6b0ea;
    --ct-sys-color-secondary-container: #564052;
    --ct-sys-color-secondary-dim: #ff20fc;
    --ct-sys-color-secondary-fixed: #fcd8f3;
    --ct-sys-color-secondary-fixed-dim: #dfbdd6;
    --ct-sys-color-secondary-palette-key-color: #f505f3;
    --ct-sys-color-shadow: #000000;
    --ct-sys-color-success: #a3d2ac;
    --ct-sys-color-success-container: #005229;
    --ct-sys-color-surface: #000000;
    --ct-sys-color-surface-bright: #36393e;
    --ct-sys-color-surface-container: #1d2024;
    --ct-sys-color-surface-container-high: #272a2f;
    --ct-sys-color-surface-container-highest: #32353a;
    --ct-sys-color-surface-container-low: #191c20;
    --ct-sys-color-surface-container-lowest: #0b0e13;
    --ct-sys-color-surface-dim: #111418;
    --ct-sys-color-surface-tint: #a0c9ff;
    --ct-sys-color-surface-variant: #43474e;
    --ct-sys-color-tertiary: #feac6e;
    --ct-sys-color-tertiary-container: #5d402c;
    --ct-sys-color-tertiary-dim: #f7851a;
    --ct-sys-color-tertiary-fixed: #ffdcc5;
    --ct-sys-color-tertiary-fixed-dim: #ebbe9f;
    --ct-sys-color-tertiary-palette-key-color: #e37600;
    --ct-sys-color-warning: #e3c37e;
    --ct-sys-color-warning-container: #643f00;
  }

  :root[data-page-anchor="violet"] {
    --ct-sys-color-background: #000000;
    --ct-sys-color-error: #ffb4ab;
    --ct-sys-color-error-container: #93000a;
    --ct-sys-color-error-dim: #ff554a;
    --ct-sys-color-information: #a4cbee;
    --ct-sys-color-information-container: #004b72;
    --ct-sys-color-inverse-on-surface: #312f36;
    --ct-sys-color-inverse-primary: #6341d5;
    --ct-sys-color-inverse-surface: #e6e1e9;
    --ct-sys-color-neutral-palette-key-color: #79767d;
    --ct-sys-color-neutral-variant-palette-key-color: #79757f;
    --ct-sys-color-on-background: #e6e1e9;
    --ct-sys-color-on-error: #690005;
    --ct-sys-color-on-error-container: #ffdad6;
    --ct-sys-color-on-information: #003451;
    --ct-sys-color-on-information-container: #d7e4f2;
    --ct-sys-color-on-primary: #330099;
    --ct-sys-color-on-primary-container: #e6deff;
    --ct-sys-color-on-primary-fixed: #1d0061;
    --ct-sys-color-on-primary-fixed-variant: #4a21bd;
    --ct-sys-color-on-secondary: #68001a;
    --ct-sys-color-on-secondary-container: #ffdada;
    --ct-sys-color-on-secondary-fixed: #40000c;
    --ct-sys-color-on-secondary-fixed-variant: #920028;
    --ct-sys-color-on-success: #00391a;
    --ct-sys-color-on-success-container: #d6e7d5;
    --ct-sys-color-on-surface: #e6e1e9;
    --ct-sys-color-on-surface-variant: #c9c4d0;
    --ct-sys-color-on-tertiary: #3b2f00;
    --ct-sys-color-on-tertiary-container: #ffe179;
    --ct-sys-color-on-tertiary-fixed: #231b00;
    --ct-sys-color-on-tertiary-fixed-variant: #554500;
    --ct-sys-color-on-warning: #3f2e00;
    --ct-sys-color-on-warning-container: #f2e0c2;
    --ct-sys-color-outline: #938f99;
    --ct-sys-color-outline-variant: #48454e;
    --ct-sys-color-primary: #c4b6ff;
    --ct-sys-color-primary-container: #48435b;
    --ct-sys-color-primary-dim: #967dff;
    --ct-sys-color-primary-fixed: #e6deff;
    --ct-sys-color-primary-fixed-dim: #cac2e3;
    --ct-sys-color-primary-palette-key-color: #7c5df0;
    --ct-sys-color-scrim: #000000;
    --ct-sys-color-secondary: #ffa7ab;
    --ct-sys-color-secondary-container: #5f3e40;
    --ct-sys-color-secondary-dim: #ff5269;
    --ct-sys-color-secondary-fixed: #ffdada;
    --ct-sys-color-secondary-fixed-dim: #edbabc;
    --ct-sys-color-secondary-palette-key-color: #ec0848;
    --ct-sys-color-shadow: #000000;
    --ct-sys-color-success: #a3d2ac;
    --ct-sys-color-success-container: #005229;
    --ct-sys-color-surface: #000000;
    --ct-sys-color-surface-bright: #3a383e;
    --ct-sys-color-surface-container: #201f24;
    --ct-sys-color-surface-container-high: #2b292f;
    --ct-sys-color-surface-container-highest: #36343a;
    --ct-sys-color-surface-container-low: #1c1b20;
    --ct-sys-color-surface-container-lowest: #0f0d13;
    --ct-sys-color-surface-dim: #141318;
    --ct-sys-color-surface-tint: #cbbeff;
    --ct-sys-color-surface-variant: #48454e;
    --ct-sys-color-tertiary: #e1c562;
    --ct-sys-color-tertiary-container: #4f4626;
    --ct-sys-color-tertiary-dim: #fad85e;
    --ct-sys-color-tertiary-fixed: #f2e2b1;
    --ct-sys-color-tertiary-fixed-dim: #d6c697;
    --ct-sys-color-tertiary-palette-key-color: #9d8102;
    --ct-sys-color-warning: #e3c37e;
    --ct-sys-color-warning-container: #643f00;
  }

  :root[data-page-anchor="magenta"] {
    --ct-sys-color-background: #000000;
    --ct-sys-color-error: #ffb4ab;
    --ct-sys-color-error-container: #93000a;
    --ct-sys-color-error-dim: #ff554a;
    --ct-sys-color-information: #a4cbee;
    --ct-sys-color-information-container: #004b72;
    --ct-sys-color-inverse-on-surface: #352e33;
    --ct-sys-color-inverse-primary: #9e2a9a;
    --ct-sys-color-inverse-surface: #ecdfe5;
    --ct-sys-color-neutral-palette-key-color: #7e747a;
    --ct-sys-color-neutral-variant-palette-key-color: #80747c;
    --ct-sys-color-on-background: #ecdfe5;
    --ct-sys-color-on-error: #690005;
    --ct-sys-color-on-error-container: #ffdad6;
    --ct-sys-color-on-information: #003451;
    --ct-sys-color-on-information-container: #d7e4f2;
    --ct-sys-color-on-primary: #5b005a;
    --ct-sys-color-on-primary-container: #ffd7f5;
    --ct-sys-color-on-primary-fixed: #380037;
    --ct-sys-color-on-primary-fixed-variant: #810180;
    --ct-sys-color-on-secondary: #4f2500;
    --ct-sys-color-on-secondary-container: #ffdcc5;
    --ct-sys-color-on-secondary-fixed: #301400;
    --ct-sys-color-on-secondary-fixed-variant: #703700;
    --ct-sys-color-on-success: #00391a;
    --ct-sys-color-on-success-container: #d6e7d5;
    --ct-sys-color-on-surface: #ecdfe5;
    --ct-sys-color-on-surface-variant: #d1c2cb;
    --ct-sys-color-on-tertiary: #193800;
    --ct-sys-color-on-tertiary-container: #bdf291;
    --ct-sys-color-on-tertiary-fixed: #0c2000;
    --ct-sys-color-on-tertiary-fixed-variant: #275000;
    --ct-sys-color-on-warning: #3f2e00;
    --ct-sys-color-on-warning-container: #f2e0c2;
    --ct-sys-color-outline: #9a8d95;
    --ct-sys-color-outline-variant: #4e444b;
    --ct-sys-color-primary: #f6b0ea;
    --ct-sys-color-primary-container: #564052;
    --ct-sys-color-primary-dim: #f97cee;
    --ct-sys-color-primary-fixed: #fcd8f3;
    --ct-sys-color-primary-fixed-dim: #dfbdd6;
    --ct-sys-color-primary-palette-key-color: #bc46b5;
    --ct-sys-color-scrim: #000000;
    --ct-sys-color-secondary: #feac6e;
    --ct-sys-color-secondary-container: #5d402c;
    --ct-sys-color-secondary-dim: #ffab6d;
    --ct-sys-color-secondary-fixed: #ffdcc5;
    --ct-sys-color-secondary-fixed-dim: #ebbe9f;
    --ct-sys-color-secondary-palette-key-color: #ab662e;
    --ct-sys-color-shadow: #000000;
    --ct-sys-color-success: #a3d2ac;
    --ct-sys-color-success-container: #005229;
    --ct-sys-color-surface: #000000;
    --ct-sys-color-surface-bright: #3e373c;
    --ct-sys-color-surface-container: #241e22;
    --ct-sys-color-surface-container-high: #2f282d;
    --ct-sys-color-surface-container-highest: #3a3338;
    --ct-sys-color-surface-container-low: #201a1e;
    --ct-sys-color-surface-container-lowest: #120d11;
    --ct-sys-color-surface-dim: #171216;
    --ct-sys-color-surface-tint: #ffabf2;
    --ct-sys-color-surface-variant: #4e444b;
    --ct-sys-color-tertiary: #aad386;
    --ct-sys-color-tertiary-container: #3d4a31;
    --ct-sys-color-tertiary-dim: #c6fb99;
    --ct-sys-color-tertiary-fixed: #d7e9c3;
    --ct-sys-color-tertiary-fixed-dim: #bbcca8;
    --ct-sys-color-tertiary-palette-key-color: #568331;
    --ct-sys-color-warning: #e3c37e;
    --ct-sys-color-warning-container: #643f00;
  }

  :root[data-page-anchor="vermilion"] {
    --ct-sys-color-background: #000000;
    --ct-sys-color-error: #ffb4ab;
    --ct-sys-color-error-container: #93000a;
    --ct-sys-color-error-dim: #ff554a;
    --ct-sys-color-information: #a4cbee;
    --ct-sys-color-information-container: #004b72;
    --ct-sys-color-inverse-on-surface: #382e2e;
    --ct-sys-color-inverse-primary: #b02a40;
    --ct-sys-color-inverse-surface: #f0dede;
    --ct-sys-color-neutral-palette-key-color: #827474;
    --ct-sys-color-neutral-variant-palette-key-color: #857373;
    --ct-sys-color-on-background: #f0dede;
    --ct-sys-color-on-error: #690005;
    --ct-sys-color-on-error-container: #ffdad6;
    --ct-sys-color-on-information: #003451;
    --ct-sys-color-on-information-container: #d7e4f2;
    --ct-sys-color-on-primary: #68001a;
    --ct-sys-color-on-primary-container: #ffdada;
    --ct-sys-color-on-primary-fixed: #40000d;
    --ct-sys-color-on-primary-fixed-variant: #8f0c2a;
    --ct-sys-color-on-secondary: #3b2f00;
    --ct-sys-color-on-secondary-container: #fbe18e;
    --ct-sys-color-on-secondary-fixed: #231b00;
    --ct-sys-color-on-secondary-fixed-variant: #554500;
    --ct-sys-color-on-success: #00391a;
    --ct-sys-color-on-success-container: #d6e7d5;
    --ct-sys-color-on-surface: #f0dede;
    --ct-sys-color-on-surface-variant: #d7c1c2;
    --ct-sys-color-on-tertiary: #00382b;
    --ct-sys-color-on-tertiary-container: #acf0d9;
    --ct-sys-color-on-tertiary-fixed: #002018;
    --ct-sys-color-on-tertiary-fixed-variant: #005140;
    --ct-sys-color-on-warning: #3f2e00;
    --ct-sys-color-on-warning-container: #f2e0c2;
    --ct-sys-color-outline: #9f8c8c;
    --ct-sys-color-outline-variant: #524343;
    --ct-sys-color-primary: #ffa7ab;
    --ct-sys-color-primary-container: #5f3e40;
    --ct-sys-color-primary-dim: #fe6475;
    --ct-sys-color-primary-fixed: #ffdada;
    --ct-sys-color-primary-fixed-dim: #edbabc;
    --ct-sys-color-primary-palette-key-color: #d24356;
    --ct-sys-color-scrim: #000000;
    --ct-sys-color-secondary: #e1c562;
    --ct-sys-color-secondary-container: #4f4626;
    --ct-sys-color-secondary-dim: #fbe18e;
    --ct-sys-color-secondary-fixed: #f3e2b1;
    --ct-sys-color-secondary-fixed-dim: #d5c697;
    --ct-sys-color-secondary-palette-key-color: #8a762f;
    --ct-sys-color-shadow: #000000;
    --ct-sys-color-success: #a3d2ac;
    --ct-sys-color-success-container: #005229;
    --ct-sys-color-surface: #000000;
    --ct-sys-color-surface-bright: #413737;
    --ct-sys-color-surface-container: #271d1e;
    --ct-sys-color-surface-container-high: #322828;
    --ct-sys-color-surface-container-highest: #3d3232;
    --ct-sys-color-surface-container-low: #22191a;
    --ct-sys-color-surface-container-lowest: #140c0c;
    --ct-sys-color-surface-dim: #1a1112;
    --ct-sys-color-surface-tint: #ffb3b6;
    --ct-sys-color-surface-variant: #524343;
    --ct-sys-color-tertiary: #7cd8bb;
    --ct-sys-color-tertiary-container: #304c43;
    --ct-sys-color-tertiary-dim: #baffe7;
    --ct-sys-color-tertiary-fixed: #c6eadc;
    --ct-sys-color-tertiary-fixed-dim: #abcec0;
    --ct-sys-color-tertiary-palette-key-color: #418370;
    --ct-sys-color-warning: #e3c37e;
    --ct-sys-color-warning-container: #643f00;
  }

  :root[data-page-anchor="amber"] {
    --ct-sys-color-background: #000000;
    --ct-sys-color-error: #ffb4ab;
    --ct-sys-color-error-container: #93000a;
    --ct-sys-color-error-dim: #ff554a;
    --ct-sys-color-information: #a4cbee;
    --ct-sys-color-information-container: #004b72;
    --ct-sys-color-inverse-on-surface: #382f29;
    --ct-sys-color-inverse-primary: #944b00;
    --ct-sys-color-inverse-surface: #f0dfd6;
    --ct-sys-color-neutral-palette-key-color: #81756d;
    --ct-sys-color-neutral-variant-palette-key-color: #84746a;
    --ct-sys-color-on-background: #f0dfd6;
    --ct-sys-color-on-error: #690005;
    --ct-sys-color-on-error-container: #ffdad6;
    --ct-sys-color-on-information: #003451;
    --ct-sys-color-on-information-container: #d7e4f2;
    --ct-sys-color-on-primary: #4f2500;
    --ct-sys-color-on-primary-container: #ffdcc5;
    --ct-sys-color-on-primary-fixed: #301400;
    --ct-sys-color-on-primary-fixed-variant: #703700;
    --ct-sys-color-on-secondary: #193800;
    --ct-sys-color-on-secondary-container: #9dfa4f;
    --ct-sys-color-on-secondary-fixed: #0c2000;
    --ct-sys-color-on-secondary-fixed-variant: #275000;
    --ct-sys-color-on-success: #00391a;
    --ct-sys-color-on-success-container: #d6e7d5;
    --ct-sys-color-on-surface: #f0dfd6;
    --ct-sys-color-on-surface-variant: #d6c3b7;
    --ct-sys-color-on-tertiary: #00363f;
    --ct-sys-color-on-tertiary-container: #a7edff;
    --ct-sys-color-on-tertiary-fixed: #001f25;
    --ct-sys-color-on-tertiary-fixed-variant: #004e5b;
    --ct-sys-color-on-warning: #3f2e00;
    --ct-sys-color-on-warning-container: #f2e0c2;
    --ct-sys-color-outline: #9f8d83;
    --ct-sys-color-outline-variant: #52443b;
    --ct-sys-color-primary: #feac6e;
    --ct-sys-color-primary-container: #5d402c;
    --ct-sys-color-primary-dim: #fe8501;
    --ct-sys-color-primary-fixed: #ffdcc5;
    --ct-sys-color-primary-fixed-dim: #ebbe9f;
    --ct-sys-color-primary-palette-key-color: #fe8500;
    --ct-sys-color-scrim: #000000;
    --ct-sys-color-secondary: #aad386;
    --ct-sys-color-secondary-container: #3d4a31;
    --ct-sys-color-secondary-dim: #92ef44;
    --ct-sys-color-secondary-fixed: #d7e8c2;
    --ct-sys-color-secondary-fixed-dim: #bbcca8;
    --ct-sys-color-secondary-palette-key-color: #63bb02;
    --ct-sys-color-shadow: #000000;
    --ct-sys-color-success: #a3d2ac;
    --ct-sys-color-success-container: #005229;
    --ct-sys-color-surface: #000000;
    --ct-sys-color-surface-bright: #413731;
    --ct-sys-color-surface-container: #261e18;
    --ct-sys-color-surface-container-high: #312822;
    --ct-sys-color-surface-container-highest: #3c332d;
    --ct-sys-color-surface-container-low: #221a15;
    --ct-sys-color-surface-container-lowest: #140d08;
    --ct-sys-color-surface-dim: #19120d;
    --ct-sys-color-surface-tint: #ffb783;
    --ct-sys-color-surface-variant: #52443b;
    --ct-sys-color-tertiary: #76d3e9;
    --ct-sys-color-tertiary-container: #2f4b52;
    --ct-sys-color-tertiary-dim: #56e0fc;
    --ct-sys-color-tertiary-fixed: #c6e8f2;
    --ct-sys-color-tertiary-fixed-dim: #aaccd5;
    --ct-sys-color-tertiary-palette-key-color: #01b6d1;
    --ct-sys-color-warning: #e3c37e;
    --ct-sys-color-warning-container: #643f00;
  }

  :root[data-page-anchor="chartreuse"] {
    --ct-sys-color-background: #000000;
    --ct-sys-color-error: #ffb4ab;
    --ct-sys-color-error-container: #93000a;
    --ct-sys-color-error-dim: #ff554a;
    --ct-sys-color-information: #a4cbee;
    --ct-sys-color-information-container: #004b72;
    --ct-sys-color-inverse-on-surface: #343027;
    --ct-sys-color-inverse-primary: #715c00;
    --ct-sys-color-inverse-surface: #e9e2d4;
    --ct-sys-color-neutral-palette-key-color: #7c776c;
    --ct-sys-color-neutral-variant-palette-key-color: #7d7768;
    --ct-sys-color-on-background: #e9e2d4;
    --ct-sys-color-on-error: #690005;
    --ct-sys-color-on-error-container: #ffdad6;
    --ct-sys-color-on-information: #003451;
    --ct-sys-color-on-information-container: #d7e4f2;
    --ct-sys-color-on-primary: #3b2f00;
    --ct-sys-color-on-primary-container: #ffe17b;
    --ct-sys-color-on-primary-fixed: #231b00;
    --ct-sys-color-on-primary-fixed-variant: #564500;
    --ct-sys-color-on-secondary: #00382b;
    --ct-sys-color-on-secondary-container: #35fed0;
    --ct-sys-color-on-secondary-fixed: #002018;
    --ct-sys-color-on-secondary-fixed-variant: #005140;
    --ct-sys-color-on-success: #00391a;
    --ct-sys-color-on-success-container: #d6e7d5;
    --ct-sys-color-on-surface: #e9e2d4;
    --ct-sys-color-on-surface-variant: #cec6b4;
    --ct-sys-color-on-tertiary: #113252;
    --ct-sys-color-on-tertiary-container: #d2e4ff;
    --ct-sys-color-on-tertiary-fixed: #001c37;
    --ct-sys-color-on-tertiary-fixed-variant: #2b486a;
    --ct-sys-color-on-warning: #3f2e00;
    --ct-sys-color-on-warning-container: #f2e0c2;
    --ct-sys-color-outline: #979080;
    --ct-sys-color-outline-variant: #4b4639;
    --ct-sys-color-primary: #e2c562;
    --ct-sys-color-primary-container: #504626;
    --ct-sys-color-primary-dim: #fcd003;
    --ct-sys-color-primary-fixed: #f3e2b1;
    --ct-sys-color-primary-fixed-dim: #d6c697;
    --ct-sys-color-primary-palette-key-color: #fcd002;
    --ct-sys-color-scrim: #000000;
    --ct-sys-color-secondary: #7cd7bb;
    --ct-sys-color-secondary-container: #304c43;
    --ct-sys-color-secondary-dim: #2ffbcd;
    --ct-sys-color-secondary-fixed: #c6eadc;
    --ct-sys-color-secondary-fixed-dim: #abcec0;
    --ct-sys-color-secondary-palette-key-color: #0df0c3;
    --ct-sys-color-shadow: #000000;
    --ct-sys-color-success: #a3d2ac;
    --ct-sys-color-success-container: #005229;
    --ct-sys-color-surface: #000000;
    --ct-sys-color-surface-bright: #3d392f;
    --ct-sys-color-surface-container: #221f17;
    --ct-sys-color-surface-container-high: #2d2a21;
    --ct-sys-color-surface-container-highest: #38342b;
    --ct-sys-color-surface-container-low: #1e1b13;
    --ct-sys-color-surface-container-lowest: #100e07;
    --ct-sys-color-surface-dim: #16130b;
    --ct-sys-color-surface-tint: #ecc300;
    --ct-sys-color-surface-variant: #4b4639;
    --ct-sys-color-tertiary: #94c3fd;
    --ct-sys-color-tertiary-container: #3a475a;
    --ct-sys-color-tertiary-dim: #aeccf4;
    --ct-sys-color-tertiary-fixed: #d2e4fe;
    --ct-sys-color-tertiary-fixed-dim: #b7c8e2;
    --ct-sys-color-tertiary-palette-key-color: #5c799d;
    --ct-sys-color-warning: #e3c37e;
    --ct-sys-color-warning-container: #643f00;
  }

  :root[data-page-anchor="jade"] {
    --ct-sys-color-background: #000000;
    --ct-sys-color-error: #ffb4ab;
    --ct-sys-color-error-container: #93000a;
    --ct-sys-color-error-dim: #ff554a;
    --ct-sys-color-information: #a4cbee;
    --ct-sys-color-information-container: #004b72;
    --ct-sys-color-inverse-on-surface: #2e312a;
    --ct-sys-color-inverse-primary: #366b00;
    --ct-sys-color-inverse-surface: #e2e3d9;
    --ct-sys-color-neutral-palette-key-color: #75786f;
    --ct-sys-color-neutral-variant-palette-key-color: #74796d;
    --ct-sys-color-on-background: #e2e3d9;
    --ct-sys-color-on-error: #690005;
    --ct-sys-color-on-error-container: #ffdad6;
    --ct-sys-color-on-information: #003451;
    --ct-sys-color-on-information-container: #d7e4f2;
    --ct-sys-color-on-primary: #193800;
    --ct-sys-color-on-primary-container: #a7f866;
    --ct-sys-color-on-primary-fixed: #0c2000;
    --ct-sys-color-on-primary-fixed-variant: #275000;
    --ct-sys-color-on-secondary: #00363f;
    --ct-sys-color-on-secondary-container: #a7edff;
    --ct-sys-color-on-secondary-fixed: #001f25;
    --ct-sys-color-on-secondary-fixed-variant: #004e5b;
    --ct-sys-color-on-success: #00391a;
    --ct-sys-color-on-success-container: #d6e7d5;
    --ct-sys-color-on-surface: #e2e3d9;
    --ct-sys-color-on-surface-variant: #c4c8ba;
    --ct-sys-color-on-tertiary: #330098;
    --ct-sys-color-on-tertiary-container: #e6deff;
    --ct-sys-color-on-tertiary-fixed: #1d0061;
    --ct-sys-color-on-tertiary-fixed-variant: #4a25b8;
    --ct-sys-color-on-warning: #3f2e00;
    --ct-sys-color-on-warning-container: #f2e0c2;
    --ct-sys-color-outline: #8e9286;
    --ct-sys-color-outline-variant: #44483e;
    --ct-sys-color-primary: #aad387;
    --ct-sys-color-primary-container: #3d4a31;
    --ct-sys-color-primary-dim: #a4f563;
    --ct-sys-color-primary-fixed: #d7e8c3;
    --ct-sys-color-primary-fixed-dim: #bbcca8;
    --ct-sys-color-primary-palette-key-color: #519a05;
    --ct-sys-color-scrim: #000000;
    --ct-sys-color-secondary: #77d4e9;
    --ct-sys-color-secondary-container: #2f4b52;
    --ct-sys-color-secondary-dim: #7be6fe;
    --ct-sys-color-secondary-fixed: #c6e8f2;
    --ct-sys-color-secondary-fixed-dim: #aaccd5;
    --ct-sys-color-secondary-palette-key-color: #0093a9;
    --ct-sys-color-shadow: #000000;
    --ct-sys-color-success: #a3d2ac;
    --ct-sys-color-success-container: #005229;
    --ct-sys-color-surface: #000000;
    --ct-sys-color-surface-bright: #373a33;
    --ct-sys-color-surface-container: #1e211a;
    --ct-sys-color-surface-container-high: #282b24;
    --ct-sys-color-surface-container-highest: #33362f;
    --ct-sys-color-surface-container-low: #1a1d16;
    --ct-sys-color-surface-container-lowest: #0c0f09;
    --ct-sys-color-surface-dim: #11140e;
    --ct-sys-color-surface-tint: #8cdb4c;
    --ct-sys-color-surface-variant: #44483e;
    --ct-sys-color-tertiary: #c3b4fe;
    --ct-sys-color-tertiary-container: #48445b;
    --ct-sys-color-tertiary-dim: #967dff;
    --ct-sys-color-tertiary-fixed: #e6deff;
    --ct-sys-color-tertiary-fixed-dim: #cac2e3;
    --ct-sys-color-tertiary-palette-key-color: #7c5fec;
    --ct-sys-color-warning: #e3c37e;
    --ct-sys-color-warning-container: #643f00;
  }

  :root[data-page-anchor="teal"] {
    --ct-sys-color-background: #000000;
    --ct-sys-color-error: #ffb4ab;
    --ct-sys-color-error-container: #93000a;
    --ct-sys-color-error-dim: #ff554a;
    --ct-sys-color-information: #a4cbee;
    --ct-sys-color-information-container: #004b72;
    --ct-sys-color-inverse-on-surface: #2b322f;
    --ct-sys-color-inverse-primary: #006b56;
    --ct-sys-color-inverse-surface: #dee4e0;
    --ct-sys-color-neutral-palette-key-color: #727875;
    --ct-sys-color-neutral-variant-palette-key-color: #6f7974;
    --ct-sys-color-on-background: #dee4e0;
    --ct-sys-color-on-error: #690005;
    --ct-sys-color-on-error-container: #ffdad6;
    --ct-sys-color-on-information: #003451;
    --ct-sys-color-on-information-container: #d7e4f2;
    --ct-sys-color-on-primary: #00382b;
    --ct-sys-color-on-primary-container: #32fed0;
    --ct-sys-color-on-primary-fixed: #002018;
    --ct-sys-color-on-primary-fixed-variant: #005140;
    --ct-sys-color-on-secondary: #123252;
    --ct-sys-color-on-secondary-container: #d2e4ff;
    --ct-sys-color-on-secondary-fixed: #001c37;
    --ct-sys-color-on-secondary-fixed-variant: #2b4869;
    --ct-sys-color-on-success: #00391a;
    --ct-sys-color-on-success-container: #d6e7d5;
    --ct-sys-color-on-surface: #dee4e0;
    --ct-sys-color-on-surface-variant: #bfc9c3;
    --ct-sys-color-on-tertiary: #4b2047;
    --ct-sys-color-on-tertiary-container: #ffd7f5;
    --ct-sys-color-on-tertiary-fixed: #330a31;
    --ct-sys-color-on-tertiary-fixed-variant: #64375f;
    --ct-sys-color-on-warning: #3f2e00;
    --ct-sys-color-on-warning-container: #f2e0c2;
    --ct-sys-color-outline: #89938e;
    --ct-sys-color-outline-variant: #3f4945;
    --ct-sys-color-primary: #7cd7bb;
    --ct-sys-color-primary-container: #304c43;
    --ct-sys-color-primary-dim: #10f3c5;
    --ct-sys-color-primary-fixed: #c6eadc;
    --ct-sys-color-primary-fixed-dim: #abcec1;
    --ct-sys-color-primary-palette-key-color: #00f0c3;
    --ct-sys-color-scrim: #000000;
    --ct-sys-color-secondary: #94c3fe;
    --ct-sys-color-secondary-container: #39475a;
    --ct-sys-color-secondary-dim: #bad7ff;
    --ct-sys-color-secondary-fixed: #d2e4fe;
    --ct-sys-color-secondary-fixed-dim: #b7c8e2;
    --ct-sys-color-secondary-palette-key-color: #5d799d;
    --ct-sys-color-shadow: #000000;
    --ct-sys-color-success: #a3d2ac;
    --ct-sys-color-success-container: #005229;
    --ct-sys-color-surface: #000000;
    --ct-sys-color-surface-bright: #343b38;
    --ct-sys-color-surface-container: #1b211e;
    --ct-sys-color-surface-container-high: #252b29;
    --ct-sys-color-surface-container-highest: #303633;
    --ct-sys-color-surface-container-low: #171d1a;
    --ct-sys-color-surface-container-lowest: #090f0d;
    --ct-sys-color-surface-dim: #0f1512;
    --ct-sys-color-surface-tint: #00e0b6;
    --ct-sys-color-surface-variant: #3f4945;
    --ct-sys-color-tertiary: #f6b0ea;
    --ct-sys-color-tertiary-container: #574052;
    --ct-sys-color-tertiary-dim: #f8bced;
    --ct-sys-color-tertiary-fixed: #fcd8f3;
    --ct-sys-color-tertiary-fixed-dim: #dfbcd6;
    --ct-sys-color-tertiary-palette-key-color: #9a6692;
    --ct-sys-color-warning: #e3c37e;
    --ct-sys-color-warning-container: #643f00;
  }

  :root[data-page-anchor="azure"] {
    --ct-sys-color-background: #000000;
    --ct-sys-color-error: #ffb4ab;
    --ct-sys-color-error-container: #93000a;
    --ct-sys-color-error-dim: #ff554a;
    --ct-sys-color-information: #a4cbee;
    --ct-sys-color-information-container: #004b72;
    --ct-sys-color-inverse-on-surface: #2b3133;
    --ct-sys-color-inverse-primary: #006878;
    --ct-sys-color-inverse-surface: #dee3e5;
    --ct-sys-color-neutral-palette-key-color: #72787a;
    --ct-sys-color-neutral-variant-palette-key-color: #70797b;
    --ct-sys-color-on-background: #dee3e5;
    --ct-sys-color-on-error: #690005;
    --ct-sys-color-on-error-container: #ffdad6;
    --ct-sys-color-on-information: #003451;
    --ct-sys-color-on-information-container: #d7e4f2;
    --ct-sys-color-on-primary: #00363f;
    --ct-sys-color-on-primary-container: #a8edff;
    --ct-sys-color-on-primary-fixed: #001f25;
    --ct-sys-color-on-primary-fixed-variant: #004e5b;
    --ct-sys-color-on-secondary: #32295a;
    --ct-sys-color-on-secondary-container: #e7deff;
    --ct-sys-color-on-secondary-fixed: #1d1244;
    --ct-sys-color-on-secondary-fixed-variant: #493f72;
    --ct-sys-color-on-success: #00391a;
    --ct-sys-color-on-success-container: #d6e7d5;
    --ct-sys-color-on-surface: #dee3e5;
    --ct-sys-color-on-surface-variant: #bfc8cb;
    --ct-sys-color-on-tertiary: #4f2326;
    --ct-sys-color-on-tertiary-container: #ffdada;
    --ct-sys-color-on-tertiary-fixed: #350e12;
    --ct-sys-color-on-tertiary-fixed-variant: #6a383c;
    --ct-sys-color-on-warning: #3f2e00;
    --ct-sys-color-on-warning-container: #f2e0c2;
    --ct-sys-color-outline: #899295;
    --ct-sys-color-outline-variant: #3f484b;
    --ct-sys-color-primary: #76d3e9;
    --ct-sys-color-primary-container: #2f4b52;
    --ct-sys-color-primary-dim: #00dcfd;
    --ct-sys-color-primary-fixed: #c6e8f2;
    --ct-sys-color-primary-fixed-dim: #aaccd5;
    --ct-sys-color-primary-palette-key-color: #00dcfd;
    --ct-sys-color-scrim: #000000;
    --ct-sys-color-secondary: #c3b5ff;
    --ct-sys-color-secondary-container: #48435b;
    --ct-sys-color-secondary-dim: #cec1fd;
    --ct-sys-color-secondary-fixed: #e7deff;
    --ct-sys-color-secondary-fixed-dim: #cac2e3;
    --ct-sys-color-secondary-palette-key-color: #7a70a6;
    --ct-sys-color-shadow: #000000;
    --ct-sys-color-success: #a3d2ac;
    --ct-sys-color-success-container: #005229;
    --ct-sys-color-surface: #000000;
    --ct-sys-color-surface-bright: #343a3c;
    --ct-sys-color-surface-container: #1b2122;
    --ct-sys-color-surface-container-high: #252b2d;
    --ct-sys-color-surface-container-highest: #303637;
    --ct-sys-color-surface-container-low: #171d1e;
    --ct-sys-color-surface-container-lowest: #090f11;
    --ct-sys-color-surface-dim: #0f1416;
    --ct-sys-color-surface-tint: #00d9fa;
    --ct-sys-color-surface-variant: #3f484b;
    --ct-sys-color-tertiary: #ffa2a6;
    --ct-sys-color-tertiary-container: #5f3e40;
    --ct-sys-color-tertiary-dim: #fdb7ba;
    --ct-sys-color-tertiary-fixed: #ffdada;
    --ct-sys-color-tertiary-fixed-dim: #edbabb;
    --ct-sys-color-tertiary-palette-key-color: #a1676a;
    --ct-sys-color-warning: #e3c37e;
    --ct-sys-color-warning-container: #643f00;
  }

  [data-anchor-scope="cobalt"] {
    --ct-sys-color-background: #000000;
    --ct-sys-color-error: #ffb4ab;
    --ct-sys-color-error-container: #93000a;
    --ct-sys-color-error-dim: #ff554a;
    --ct-sys-color-information: #a4cbee;
    --ct-sys-color-information-container: #004b72;
    --ct-sys-color-inverse-on-surface: #2e3135;
    --ct-sys-color-inverse-primary: #0061a6;
    --ct-sys-color-inverse-surface: #e1e2e8;
    --ct-sys-color-neutral-palette-key-color: #75777d;
    --ct-sys-color-neutral-variant-palette-key-color: #73777f;
    --ct-sys-color-on-background: #e1e2e8;
    --ct-sys-color-on-error: #690005;
    --ct-sys-color-on-error-container: #ffdad6;
    --ct-sys-color-on-information: #003451;
    --ct-sys-color-on-information-container: #d7e4f2;
    --ct-sys-color-on-primary: #003259;
    --ct-sys-color-on-primary-container: #d2e4ff;
    --ct-sys-color-on-primary-fixed: #001c37;
    --ct-sys-color-on-primary-fixed-variant: #00497f;
    --ct-sys-color-on-secondary: #5b005a;
    --ct-sys-color-on-secondary-container: #ffd7f5;
    --ct-sys-color-on-secondary-fixed: #380038;
    --ct-sys-color-on-secondary-fixed-variant: #810080;
    --ct-sys-color-on-success: #00391a;
    --ct-sys-color-on-success-container: #d6e7d5;
    --ct-sys-color-on-surface: #e1e2e8;
    --ct-sys-color-on-surface-variant: #c3c6cf;
    --ct-sys-color-on-tertiary: #4f2500;
    --ct-sys-color-on-tertiary-container: #ffdcc5;
    --ct-sys-color-on-tertiary-fixed: #301400;
    --ct-sys-color-on-tertiary-fixed-variant: #703700;
    --ct-sys-color-on-warning: #3f2e00;
    --ct-sys-color-on-warning-container: #f2e0c2;
    --ct-sys-color-outline: #8d9199;
    --ct-sys-color-outline-variant: #43474e;
    --ct-sys-color-primary: #94c2fd;
    --ct-sys-color-primary-container: #3a485b;
    --ct-sys-color-primary-dim: #0297fe;
    --ct-sys-color-primary-fixed: #d2e4fe;
    --ct-sys-color-primary-fixed-dim: #b6c7e1;
    --ct-sys-color-primary-palette-key-color: #0397fe;
    --ct-sys-color-scrim: #000000;
    --ct-sys-color-secondary: #f6b0ea;
    --ct-sys-color-secondary-container: #564052;
    --ct-sys-color-secondary-dim: #ff20fc;
    --ct-sys-color-secondary-fixed: #fcd8f3;
    --ct-sys-color-secondary-fixed-dim: #dfbdd6;
    --ct-sys-color-secondary-palette-key-color: #f505f3;
    --ct-sys-color-shadow: #000000;
    --ct-sys-color-success: #a3d2ac;
    --ct-sys-color-success-container: #005229;
    --ct-sys-color-surface: #000000;
    --ct-sys-color-surface-bright: #36393e;
    --ct-sys-color-surface-container: #1d2024;
    --ct-sys-color-surface-container-high: #272a2f;
    --ct-sys-color-surface-container-highest: #32353a;
    --ct-sys-color-surface-container-low: #191c20;
    --ct-sys-color-surface-container-lowest: #0b0e13;
    --ct-sys-color-surface-dim: #111418;
    --ct-sys-color-surface-tint: #a0c9ff;
    --ct-sys-color-surface-variant: #43474e;
    --ct-sys-color-tertiary: #feac6e;
    --ct-sys-color-tertiary-container: #5d402c;
    --ct-sys-color-tertiary-dim: #f7851a;
    --ct-sys-color-tertiary-fixed: #ffdcc5;
    --ct-sys-color-tertiary-fixed-dim: #ebbe9f;
    --ct-sys-color-tertiary-palette-key-color: #e37600;
    --ct-sys-color-warning: #e3c37e;
    --ct-sys-color-warning-container: #643f00;
  }

  [data-anchor-scope="violet"] {
    --ct-sys-color-background: #000000;
    --ct-sys-color-error: #ffb4ab;
    --ct-sys-color-error-container: #93000a;
    --ct-sys-color-error-dim: #ff554a;
    --ct-sys-color-information: #a4cbee;
    --ct-sys-color-information-container: #004b72;
    --ct-sys-color-inverse-on-surface: #312f36;
    --ct-sys-color-inverse-primary: #6341d5;
    --ct-sys-color-inverse-surface: #e6e1e9;
    --ct-sys-color-neutral-palette-key-color: #79767d;
    --ct-sys-color-neutral-variant-palette-key-color: #79757f;
    --ct-sys-color-on-background: #e6e1e9;
    --ct-sys-color-on-error: #690005;
    --ct-sys-color-on-error-container: #ffdad6;
    --ct-sys-color-on-information: #003451;
    --ct-sys-color-on-information-container: #d7e4f2;
    --ct-sys-color-on-primary: #330099;
    --ct-sys-color-on-primary-container: #e6deff;
    --ct-sys-color-on-primary-fixed: #1d0061;
    --ct-sys-color-on-primary-fixed-variant: #4a21bd;
    --ct-sys-color-on-secondary: #68001a;
    --ct-sys-color-on-secondary-container: #ffdada;
    --ct-sys-color-on-secondary-fixed: #40000c;
    --ct-sys-color-on-secondary-fixed-variant: #920028;
    --ct-sys-color-on-success: #00391a;
    --ct-sys-color-on-success-container: #d6e7d5;
    --ct-sys-color-on-surface: #e6e1e9;
    --ct-sys-color-on-surface-variant: #c9c4d0;
    --ct-sys-color-on-tertiary: #3b2f00;
    --ct-sys-color-on-tertiary-container: #ffe179;
    --ct-sys-color-on-tertiary-fixed: #231b00;
    --ct-sys-color-on-tertiary-fixed-variant: #554500;
    --ct-sys-color-on-warning: #3f2e00;
    --ct-sys-color-on-warning-container: #f2e0c2;
    --ct-sys-color-outline: #938f99;
    --ct-sys-color-outline-variant: #48454e;
    --ct-sys-color-primary: #c4b6ff;
    --ct-sys-color-primary-container: #48435b;
    --ct-sys-color-primary-dim: #967dff;
    --ct-sys-color-primary-fixed: #e6deff;
    --ct-sys-color-primary-fixed-dim: #cac2e3;
    --ct-sys-color-primary-palette-key-color: #7c5df0;
    --ct-sys-color-scrim: #000000;
    --ct-sys-color-secondary: #ffa7ab;
    --ct-sys-color-secondary-container: #5f3e40;
    --ct-sys-color-secondary-dim: #ff5269;
    --ct-sys-color-secondary-fixed: #ffdada;
    --ct-sys-color-secondary-fixed-dim: #edbabc;
    --ct-sys-color-secondary-palette-key-color: #ec0848;
    --ct-sys-color-shadow: #000000;
    --ct-sys-color-success: #a3d2ac;
    --ct-sys-color-success-container: #005229;
    --ct-sys-color-surface: #000000;
    --ct-sys-color-surface-bright: #3a383e;
    --ct-sys-color-surface-container: #201f24;
    --ct-sys-color-surface-container-high: #2b292f;
    --ct-sys-color-surface-container-highest: #36343a;
    --ct-sys-color-surface-container-low: #1c1b20;
    --ct-sys-color-surface-container-lowest: #0f0d13;
    --ct-sys-color-surface-dim: #141318;
    --ct-sys-color-surface-tint: #cbbeff;
    --ct-sys-color-surface-variant: #48454e;
    --ct-sys-color-tertiary: #e1c562;
    --ct-sys-color-tertiary-container: #4f4626;
    --ct-sys-color-tertiary-dim: #fad85e;
    --ct-sys-color-tertiary-fixed: #f2e2b1;
    --ct-sys-color-tertiary-fixed-dim: #d6c697;
    --ct-sys-color-tertiary-palette-key-color: #9d8102;
    --ct-sys-color-warning: #e3c37e;
    --ct-sys-color-warning-container: #643f00;
  }

  [data-anchor-scope="magenta"] {
    --ct-sys-color-background: #000000;
    --ct-sys-color-error: #ffb4ab;
    --ct-sys-color-error-container: #93000a;
    --ct-sys-color-error-dim: #ff554a;
    --ct-sys-color-information: #a4cbee;
    --ct-sys-color-information-container: #004b72;
    --ct-sys-color-inverse-on-surface: #352e33;
    --ct-sys-color-inverse-primary: #9e2a9a;
    --ct-sys-color-inverse-surface: #ecdfe5;
    --ct-sys-color-neutral-palette-key-color: #7e747a;
    --ct-sys-color-neutral-variant-palette-key-color: #80747c;
    --ct-sys-color-on-background: #ecdfe5;
    --ct-sys-color-on-error: #690005;
    --ct-sys-color-on-error-container: #ffdad6;
    --ct-sys-color-on-information: #003451;
    --ct-sys-color-on-information-container: #d7e4f2;
    --ct-sys-color-on-primary: #5b005a;
    --ct-sys-color-on-primary-container: #ffd7f5;
    --ct-sys-color-on-primary-fixed: #380037;
    --ct-sys-color-on-primary-fixed-variant: #810180;
    --ct-sys-color-on-secondary: #4f2500;
    --ct-sys-color-on-secondary-container: #ffdcc5;
    --ct-sys-color-on-secondary-fixed: #301400;
    --ct-sys-color-on-secondary-fixed-variant: #703700;
    --ct-sys-color-on-success: #00391a;
    --ct-sys-color-on-success-container: #d6e7d5;
    --ct-sys-color-on-surface: #ecdfe5;
    --ct-sys-color-on-surface-variant: #d1c2cb;
    --ct-sys-color-on-tertiary: #193800;
    --ct-sys-color-on-tertiary-container: #bdf291;
    --ct-sys-color-on-tertiary-fixed: #0c2000;
    --ct-sys-color-on-tertiary-fixed-variant: #275000;
    --ct-sys-color-on-warning: #3f2e00;
    --ct-sys-color-on-warning-container: #f2e0c2;
    --ct-sys-color-outline: #9a8d95;
    --ct-sys-color-outline-variant: #4e444b;
    --ct-sys-color-primary: #f6b0ea;
    --ct-sys-color-primary-container: #564052;
    --ct-sys-color-primary-dim: #f97cee;
    --ct-sys-color-primary-fixed: #fcd8f3;
    --ct-sys-color-primary-fixed-dim: #dfbdd6;
    --ct-sys-color-primary-palette-key-color: #bc46b5;
    --ct-sys-color-scrim: #000000;
    --ct-sys-color-secondary: #feac6e;
    --ct-sys-color-secondary-container: #5d402c;
    --ct-sys-color-secondary-dim: #ffab6d;
    --ct-sys-color-secondary-fixed: #ffdcc5;
    --ct-sys-color-secondary-fixed-dim: #ebbe9f;
    --ct-sys-color-secondary-palette-key-color: #ab662e;
    --ct-sys-color-shadow: #000000;
    --ct-sys-color-success: #a3d2ac;
    --ct-sys-color-success-container: #005229;
    --ct-sys-color-surface: #000000;
    --ct-sys-color-surface-bright: #3e373c;
    --ct-sys-color-surface-container: #241e22;
    --ct-sys-color-surface-container-high: #2f282d;
    --ct-sys-color-surface-container-highest: #3a3338;
    --ct-sys-color-surface-container-low: #201a1e;
    --ct-sys-color-surface-container-lowest: #120d11;
    --ct-sys-color-surface-dim: #171216;
    --ct-sys-color-surface-tint: #ffabf2;
    --ct-sys-color-surface-variant: #4e444b;
    --ct-sys-color-tertiary: #aad386;
    --ct-sys-color-tertiary-container: #3d4a31;
    --ct-sys-color-tertiary-dim: #c6fb99;
    --ct-sys-color-tertiary-fixed: #d7e9c3;
    --ct-sys-color-tertiary-fixed-dim: #bbcca8;
    --ct-sys-color-tertiary-palette-key-color: #568331;
    --ct-sys-color-warning: #e3c37e;
    --ct-sys-color-warning-container: #643f00;
  }

  [data-anchor-scope="vermilion"] {
    --ct-sys-color-background: #000000;
    --ct-sys-color-error: #ffb4ab;
    --ct-sys-color-error-container: #93000a;
    --ct-sys-color-error-dim: #ff554a;
    --ct-sys-color-information: #a4cbee;
    --ct-sys-color-information-container: #004b72;
    --ct-sys-color-inverse-on-surface: #382e2e;
    --ct-sys-color-inverse-primary: #b02a40;
    --ct-sys-color-inverse-surface: #f0dede;
    --ct-sys-color-neutral-palette-key-color: #827474;
    --ct-sys-color-neutral-variant-palette-key-color: #857373;
    --ct-sys-color-on-background: #f0dede;
    --ct-sys-color-on-error: #690005;
    --ct-sys-color-on-error-container: #ffdad6;
    --ct-sys-color-on-information: #003451;
    --ct-sys-color-on-information-container: #d7e4f2;
    --ct-sys-color-on-primary: #68001a;
    --ct-sys-color-on-primary-container: #ffdada;
    --ct-sys-color-on-primary-fixed: #40000d;
    --ct-sys-color-on-primary-fixed-variant: #8f0c2a;
    --ct-sys-color-on-secondary: #3b2f00;
    --ct-sys-color-on-secondary-container: #fbe18e;
    --ct-sys-color-on-secondary-fixed: #231b00;
    --ct-sys-color-on-secondary-fixed-variant: #554500;
    --ct-sys-color-on-success: #00391a;
    --ct-sys-color-on-success-container: #d6e7d5;
    --ct-sys-color-on-surface: #f0dede;
    --ct-sys-color-on-surface-variant: #d7c1c2;
    --ct-sys-color-on-tertiary: #00382b;
    --ct-sys-color-on-tertiary-container: #acf0d9;
    --ct-sys-color-on-tertiary-fixed: #002018;
    --ct-sys-color-on-tertiary-fixed-variant: #005140;
    --ct-sys-color-on-warning: #3f2e00;
    --ct-sys-color-on-warning-container: #f2e0c2;
    --ct-sys-color-outline: #9f8c8c;
    --ct-sys-color-outline-variant: #524343;
    --ct-sys-color-primary: #ffa7ab;
    --ct-sys-color-primary-container: #5f3e40;
    --ct-sys-color-primary-dim: #fe6475;
    --ct-sys-color-primary-fixed: #ffdada;
    --ct-sys-color-primary-fixed-dim: #edbabc;
    --ct-sys-color-primary-palette-key-color: #d24356;
    --ct-sys-color-scrim: #000000;
    --ct-sys-color-secondary: #e1c562;
    --ct-sys-color-secondary-container: #4f4626;
    --ct-sys-color-secondary-dim: #fbe18e;
    --ct-sys-color-secondary-fixed: #f3e2b1;
    --ct-sys-color-secondary-fixed-dim: #d5c697;
    --ct-sys-color-secondary-palette-key-color: #8a762f;
    --ct-sys-color-shadow: #000000;
    --ct-sys-color-success: #a3d2ac;
    --ct-sys-color-success-container: #005229;
    --ct-sys-color-surface: #000000;
    --ct-sys-color-surface-bright: #413737;
    --ct-sys-color-surface-container: #271d1e;
    --ct-sys-color-surface-container-high: #322828;
    --ct-sys-color-surface-container-highest: #3d3232;
    --ct-sys-color-surface-container-low: #22191a;
    --ct-sys-color-surface-container-lowest: #140c0c;
    --ct-sys-color-surface-dim: #1a1112;
    --ct-sys-color-surface-tint: #ffb3b6;
    --ct-sys-color-surface-variant: #524343;
    --ct-sys-color-tertiary: #7cd8bb;
    --ct-sys-color-tertiary-container: #304c43;
    --ct-sys-color-tertiary-dim: #baffe7;
    --ct-sys-color-tertiary-fixed: #c6eadc;
    --ct-sys-color-tertiary-fixed-dim: #abcec0;
    --ct-sys-color-tertiary-palette-key-color: #418370;
    --ct-sys-color-warning: #e3c37e;
    --ct-sys-color-warning-container: #643f00;
  }

  [data-anchor-scope="amber"] {
    --ct-sys-color-background: #000000;
    --ct-sys-color-error: #ffb4ab;
    --ct-sys-color-error-container: #93000a;
    --ct-sys-color-error-dim: #ff554a;
    --ct-sys-color-information: #a4cbee;
    --ct-sys-color-information-container: #004b72;
    --ct-sys-color-inverse-on-surface: #382f29;
    --ct-sys-color-inverse-primary: #944b00;
    --ct-sys-color-inverse-surface: #f0dfd6;
    --ct-sys-color-neutral-palette-key-color: #81756d;
    --ct-sys-color-neutral-variant-palette-key-color: #84746a;
    --ct-sys-color-on-background: #f0dfd6;
    --ct-sys-color-on-error: #690005;
    --ct-sys-color-on-error-container: #ffdad6;
    --ct-sys-color-on-information: #003451;
    --ct-sys-color-on-information-container: #d7e4f2;
    --ct-sys-color-on-primary: #4f2500;
    --ct-sys-color-on-primary-container: #ffdcc5;
    --ct-sys-color-on-primary-fixed: #301400;
    --ct-sys-color-on-primary-fixed-variant: #703700;
    --ct-sys-color-on-secondary: #193800;
    --ct-sys-color-on-secondary-container: #9dfa4f;
    --ct-sys-color-on-secondary-fixed: #0c2000;
    --ct-sys-color-on-secondary-fixed-variant: #275000;
    --ct-sys-color-on-success: #00391a;
    --ct-sys-color-on-success-container: #d6e7d5;
    --ct-sys-color-on-surface: #f0dfd6;
    --ct-sys-color-on-surface-variant: #d6c3b7;
    --ct-sys-color-on-tertiary: #00363f;
    --ct-sys-color-on-tertiary-container: #a7edff;
    --ct-sys-color-on-tertiary-fixed: #001f25;
    --ct-sys-color-on-tertiary-fixed-variant: #004e5b;
    --ct-sys-color-on-warning: #3f2e00;
    --ct-sys-color-on-warning-container: #f2e0c2;
    --ct-sys-color-outline: #9f8d83;
    --ct-sys-color-outline-variant: #52443b;
    --ct-sys-color-primary: #feac6e;
    --ct-sys-color-primary-container: #5d402c;
    --ct-sys-color-primary-dim: #fe8501;
    --ct-sys-color-primary-fixed: #ffdcc5;
    --ct-sys-color-primary-fixed-dim: #ebbe9f;
    --ct-sys-color-primary-palette-key-color: #fe8500;
    --ct-sys-color-scrim: #000000;
    --ct-sys-color-secondary: #aad386;
    --ct-sys-color-secondary-container: #3d4a31;
    --ct-sys-color-secondary-dim: #92ef44;
    --ct-sys-color-secondary-fixed: #d7e8c2;
    --ct-sys-color-secondary-fixed-dim: #bbcca8;
    --ct-sys-color-secondary-palette-key-color: #63bb02;
    --ct-sys-color-shadow: #000000;
    --ct-sys-color-success: #a3d2ac;
    --ct-sys-color-success-container: #005229;
    --ct-sys-color-surface: #000000;
    --ct-sys-color-surface-bright: #413731;
    --ct-sys-color-surface-container: #261e18;
    --ct-sys-color-surface-container-high: #312822;
    --ct-sys-color-surface-container-highest: #3c332d;
    --ct-sys-color-surface-container-low: #221a15;
    --ct-sys-color-surface-container-lowest: #140d08;
    --ct-sys-color-surface-dim: #19120d;
    --ct-sys-color-surface-tint: #ffb783;
    --ct-sys-color-surface-variant: #52443b;
    --ct-sys-color-tertiary: #76d3e9;
    --ct-sys-color-tertiary-container: #2f4b52;
    --ct-sys-color-tertiary-dim: #56e0fc;
    --ct-sys-color-tertiary-fixed: #c6e8f2;
    --ct-sys-color-tertiary-fixed-dim: #aaccd5;
    --ct-sys-color-tertiary-palette-key-color: #01b6d1;
    --ct-sys-color-warning: #e3c37e;
    --ct-sys-color-warning-container: #643f00;
  }

  [data-anchor-scope="chartreuse"] {
    --ct-sys-color-background: #000000;
    --ct-sys-color-error: #ffb4ab;
    --ct-sys-color-error-container: #93000a;
    --ct-sys-color-error-dim: #ff554a;
    --ct-sys-color-information: #a4cbee;
    --ct-sys-color-information-container: #004b72;
    --ct-sys-color-inverse-on-surface: #343027;
    --ct-sys-color-inverse-primary: #715c00;
    --ct-sys-color-inverse-surface: #e9e2d4;
    --ct-sys-color-neutral-palette-key-color: #7c776c;
    --ct-sys-color-neutral-variant-palette-key-color: #7d7768;
    --ct-sys-color-on-background: #e9e2d4;
    --ct-sys-color-on-error: #690005;
    --ct-sys-color-on-error-container: #ffdad6;
    --ct-sys-color-on-information: #003451;
    --ct-sys-color-on-information-container: #d7e4f2;
    --ct-sys-color-on-primary: #3b2f00;
    --ct-sys-color-on-primary-container: #ffe17b;
    --ct-sys-color-on-primary-fixed: #231b00;
    --ct-sys-color-on-primary-fixed-variant: #564500;
    --ct-sys-color-on-secondary: #00382b;
    --ct-sys-color-on-secondary-container: #35fed0;
    --ct-sys-color-on-secondary-fixed: #002018;
    --ct-sys-color-on-secondary-fixed-variant: #005140;
    --ct-sys-color-on-success: #00391a;
    --ct-sys-color-on-success-container: #d6e7d5;
    --ct-sys-color-on-surface: #e9e2d4;
    --ct-sys-color-on-surface-variant: #cec6b4;
    --ct-sys-color-on-tertiary: #113252;
    --ct-sys-color-on-tertiary-container: #d2e4ff;
    --ct-sys-color-on-tertiary-fixed: #001c37;
    --ct-sys-color-on-tertiary-fixed-variant: #2b486a;
    --ct-sys-color-on-warning: #3f2e00;
    --ct-sys-color-on-warning-container: #f2e0c2;
    --ct-sys-color-outline: #979080;
    --ct-sys-color-outline-variant: #4b4639;
    --ct-sys-color-primary: #e2c562;
    --ct-sys-color-primary-container: #504626;
    --ct-sys-color-primary-dim: #fcd003;
    --ct-sys-color-primary-fixed: #f3e2b1;
    --ct-sys-color-primary-fixed-dim: #d6c697;
    --ct-sys-color-primary-palette-key-color: #fcd002;
    --ct-sys-color-scrim: #000000;
    --ct-sys-color-secondary: #7cd7bb;
    --ct-sys-color-secondary-container: #304c43;
    --ct-sys-color-secondary-dim: #2ffbcd;
    --ct-sys-color-secondary-fixed: #c6eadc;
    --ct-sys-color-secondary-fixed-dim: #abcec0;
    --ct-sys-color-secondary-palette-key-color: #0df0c3;
    --ct-sys-color-shadow: #000000;
    --ct-sys-color-success: #a3d2ac;
    --ct-sys-color-success-container: #005229;
    --ct-sys-color-surface: #000000;
    --ct-sys-color-surface-bright: #3d392f;
    --ct-sys-color-surface-container: #221f17;
    --ct-sys-color-surface-container-high: #2d2a21;
    --ct-sys-color-surface-container-highest: #38342b;
    --ct-sys-color-surface-container-low: #1e1b13;
    --ct-sys-color-surface-container-lowest: #100e07;
    --ct-sys-color-surface-dim: #16130b;
    --ct-sys-color-surface-tint: #ecc300;
    --ct-sys-color-surface-variant: #4b4639;
    --ct-sys-color-tertiary: #94c3fd;
    --ct-sys-color-tertiary-container: #3a475a;
    --ct-sys-color-tertiary-dim: #aeccf4;
    --ct-sys-color-tertiary-fixed: #d2e4fe;
    --ct-sys-color-tertiary-fixed-dim: #b7c8e2;
    --ct-sys-color-tertiary-palette-key-color: #5c799d;
    --ct-sys-color-warning: #e3c37e;
    --ct-sys-color-warning-container: #643f00;
  }

  [data-anchor-scope="jade"] {
    --ct-sys-color-background: #000000;
    --ct-sys-color-error: #ffb4ab;
    --ct-sys-color-error-container: #93000a;
    --ct-sys-color-error-dim: #ff554a;
    --ct-sys-color-information: #a4cbee;
    --ct-sys-color-information-container: #004b72;
    --ct-sys-color-inverse-on-surface: #2e312a;
    --ct-sys-color-inverse-primary: #366b00;
    --ct-sys-color-inverse-surface: #e2e3d9;
    --ct-sys-color-neutral-palette-key-color: #75786f;
    --ct-sys-color-neutral-variant-palette-key-color: #74796d;
    --ct-sys-color-on-background: #e2e3d9;
    --ct-sys-color-on-error: #690005;
    --ct-sys-color-on-error-container: #ffdad6;
    --ct-sys-color-on-information: #003451;
    --ct-sys-color-on-information-container: #d7e4f2;
    --ct-sys-color-on-primary: #193800;
    --ct-sys-color-on-primary-container: #a7f866;
    --ct-sys-color-on-primary-fixed: #0c2000;
    --ct-sys-color-on-primary-fixed-variant: #275000;
    --ct-sys-color-on-secondary: #00363f;
    --ct-sys-color-on-secondary-container: #a7edff;
    --ct-sys-color-on-secondary-fixed: #001f25;
    --ct-sys-color-on-secondary-fixed-variant: #004e5b;
    --ct-sys-color-on-success: #00391a;
    --ct-sys-color-on-success-container: #d6e7d5;
    --ct-sys-color-on-surface: #e2e3d9;
    --ct-sys-color-on-surface-variant: #c4c8ba;
    --ct-sys-color-on-tertiary: #330098;
    --ct-sys-color-on-tertiary-container: #e6deff;
    --ct-sys-color-on-tertiary-fixed: #1d0061;
    --ct-sys-color-on-tertiary-fixed-variant: #4a25b8;
    --ct-sys-color-on-warning: #3f2e00;
    --ct-sys-color-on-warning-container: #f2e0c2;
    --ct-sys-color-outline: #8e9286;
    --ct-sys-color-outline-variant: #44483e;
    --ct-sys-color-primary: #aad387;
    --ct-sys-color-primary-container: #3d4a31;
    --ct-sys-color-primary-dim: #a4f563;
    --ct-sys-color-primary-fixed: #d7e8c3;
    --ct-sys-color-primary-fixed-dim: #bbcca8;
    --ct-sys-color-primary-palette-key-color: #519a05;
    --ct-sys-color-scrim: #000000;
    --ct-sys-color-secondary: #77d4e9;
    --ct-sys-color-secondary-container: #2f4b52;
    --ct-sys-color-secondary-dim: #7be6fe;
    --ct-sys-color-secondary-fixed: #c6e8f2;
    --ct-sys-color-secondary-fixed-dim: #aaccd5;
    --ct-sys-color-secondary-palette-key-color: #0093a9;
    --ct-sys-color-shadow: #000000;
    --ct-sys-color-success: #a3d2ac;
    --ct-sys-color-success-container: #005229;
    --ct-sys-color-surface: #000000;
    --ct-sys-color-surface-bright: #373a33;
    --ct-sys-color-surface-container: #1e211a;
    --ct-sys-color-surface-container-high: #282b24;
    --ct-sys-color-surface-container-highest: #33362f;
    --ct-sys-color-surface-container-low: #1a1d16;
    --ct-sys-color-surface-container-lowest: #0c0f09;
    --ct-sys-color-surface-dim: #11140e;
    --ct-sys-color-surface-tint: #8cdb4c;
    --ct-sys-color-surface-variant: #44483e;
    --ct-sys-color-tertiary: #c3b4fe;
    --ct-sys-color-tertiary-container: #48445b;
    --ct-sys-color-tertiary-dim: #967dff;
    --ct-sys-color-tertiary-fixed: #e6deff;
    --ct-sys-color-tertiary-fixed-dim: #cac2e3;
    --ct-sys-color-tertiary-palette-key-color: #7c5fec;
    --ct-sys-color-warning: #e3c37e;
    --ct-sys-color-warning-container: #643f00;
  }

  [data-anchor-scope="teal"] {
    --ct-sys-color-background: #000000;
    --ct-sys-color-error: #ffb4ab;
    --ct-sys-color-error-container: #93000a;
    --ct-sys-color-error-dim: #ff554a;
    --ct-sys-color-information: #a4cbee;
    --ct-sys-color-information-container: #004b72;
    --ct-sys-color-inverse-on-surface: #2b322f;
    --ct-sys-color-inverse-primary: #006b56;
    --ct-sys-color-inverse-surface: #dee4e0;
    --ct-sys-color-neutral-palette-key-color: #727875;
    --ct-sys-color-neutral-variant-palette-key-color: #6f7974;
    --ct-sys-color-on-background: #dee4e0;
    --ct-sys-color-on-error: #690005;
    --ct-sys-color-on-error-container: #ffdad6;
    --ct-sys-color-on-information: #003451;
    --ct-sys-color-on-information-container: #d7e4f2;
    --ct-sys-color-on-primary: #00382b;
    --ct-sys-color-on-primary-container: #32fed0;
    --ct-sys-color-on-primary-fixed: #002018;
    --ct-sys-color-on-primary-fixed-variant: #005140;
    --ct-sys-color-on-secondary: #123252;
    --ct-sys-color-on-secondary-container: #d2e4ff;
    --ct-sys-color-on-secondary-fixed: #001c37;
    --ct-sys-color-on-secondary-fixed-variant: #2b4869;
    --ct-sys-color-on-success: #00391a;
    --ct-sys-color-on-success-container: #d6e7d5;
    --ct-sys-color-on-surface: #dee4e0;
    --ct-sys-color-on-surface-variant: #bfc9c3;
    --ct-sys-color-on-tertiary: #4b2047;
    --ct-sys-color-on-tertiary-container: #ffd7f5;
    --ct-sys-color-on-tertiary-fixed: #330a31;
    --ct-sys-color-on-tertiary-fixed-variant: #64375f;
    --ct-sys-color-on-warning: #3f2e00;
    --ct-sys-color-on-warning-container: #f2e0c2;
    --ct-sys-color-outline: #89938e;
    --ct-sys-color-outline-variant: #3f4945;
    --ct-sys-color-primary: #7cd7bb;
    --ct-sys-color-primary-container: #304c43;
    --ct-sys-color-primary-dim: #10f3c5;
    --ct-sys-color-primary-fixed: #c6eadc;
    --ct-sys-color-primary-fixed-dim: #abcec1;
    --ct-sys-color-primary-palette-key-color: #00f0c3;
    --ct-sys-color-scrim: #000000;
    --ct-sys-color-secondary: #94c3fe;
    --ct-sys-color-secondary-container: #39475a;
    --ct-sys-color-secondary-dim: #bad7ff;
    --ct-sys-color-secondary-fixed: #d2e4fe;
    --ct-sys-color-secondary-fixed-dim: #b7c8e2;
    --ct-sys-color-secondary-palette-key-color: #5d799d;
    --ct-sys-color-shadow: #000000;
    --ct-sys-color-success: #a3d2ac;
    --ct-sys-color-success-container: #005229;
    --ct-sys-color-surface: #000000;
    --ct-sys-color-surface-bright: #343b38;
    --ct-sys-color-surface-container: #1b211e;
    --ct-sys-color-surface-container-high: #252b29;
    --ct-sys-color-surface-container-highest: #303633;
    --ct-sys-color-surface-container-low: #171d1a;
    --ct-sys-color-surface-container-lowest: #090f0d;
    --ct-sys-color-surface-dim: #0f1512;
    --ct-sys-color-surface-tint: #00e0b6;
    --ct-sys-color-surface-variant: #3f4945;
    --ct-sys-color-tertiary: #f6b0ea;
    --ct-sys-color-tertiary-container: #574052;
    --ct-sys-color-tertiary-dim: #f8bced;
    --ct-sys-color-tertiary-fixed: #fcd8f3;
    --ct-sys-color-tertiary-fixed-dim: #dfbcd6;
    --ct-sys-color-tertiary-palette-key-color: #9a6692;
    --ct-sys-color-warning: #e3c37e;
    --ct-sys-color-warning-container: #643f00;
  }

  [data-anchor-scope="azure"] {
    --ct-sys-color-background: #000000;
    --ct-sys-color-error: #ffb4ab;
    --ct-sys-color-error-container: #93000a;
    --ct-sys-color-error-dim: #ff554a;
    --ct-sys-color-information: #a4cbee;
    --ct-sys-color-information-container: #004b72;
    --ct-sys-color-inverse-on-surface: #2b3133;
    --ct-sys-color-inverse-primary: #006878;
    --ct-sys-color-inverse-surface: #dee3e5;
    --ct-sys-color-neutral-palette-key-color: #72787a;
    --ct-sys-color-neutral-variant-palette-key-color: #70797b;
    --ct-sys-color-on-background: #dee3e5;
    --ct-sys-color-on-error: #690005;
    --ct-sys-color-on-error-container: #ffdad6;
    --ct-sys-color-on-information: #003451;
    --ct-sys-color-on-information-container: #d7e4f2;
    --ct-sys-color-on-primary: #00363f;
    --ct-sys-color-on-primary-container: #a8edff;
    --ct-sys-color-on-primary-fixed: #001f25;
    --ct-sys-color-on-primary-fixed-variant: #004e5b;
    --ct-sys-color-on-secondary: #32295a;
    --ct-sys-color-on-secondary-container: #e7deff;
    --ct-sys-color-on-secondary-fixed: #1d1244;
    --ct-sys-color-on-secondary-fixed-variant: #493f72;
    --ct-sys-color-on-success: #00391a;
    --ct-sys-color-on-success-container: #d6e7d5;
    --ct-sys-color-on-surface: #dee3e5;
    --ct-sys-color-on-surface-variant: #bfc8cb;
    --ct-sys-color-on-tertiary: #4f2326;
    --ct-sys-color-on-tertiary-container: #ffdada;
    --ct-sys-color-on-tertiary-fixed: #350e12;
    --ct-sys-color-on-tertiary-fixed-variant: #6a383c;
    --ct-sys-color-on-warning: #3f2e00;
    --ct-sys-color-on-warning-container: #f2e0c2;
    --ct-sys-color-outline: #899295;
    --ct-sys-color-outline-variant: #3f484b;
    --ct-sys-color-primary: #76d3e9;
    --ct-sys-color-primary-container: #2f4b52;
    --ct-sys-color-primary-dim: #00dcfd;
    --ct-sys-color-primary-fixed: #c6e8f2;
    --ct-sys-color-primary-fixed-dim: #aaccd5;
    --ct-sys-color-primary-palette-key-color: #00dcfd;
    --ct-sys-color-scrim: #000000;
    --ct-sys-color-secondary: #c3b5ff;
    --ct-sys-color-secondary-container: #48435b;
    --ct-sys-color-secondary-dim: #cec1fd;
    --ct-sys-color-secondary-fixed: #e7deff;
    --ct-sys-color-secondary-fixed-dim: #cac2e3;
    --ct-sys-color-secondary-palette-key-color: #7a70a6;
    --ct-sys-color-shadow: #000000;
    --ct-sys-color-success: #a3d2ac;
    --ct-sys-color-success-container: #005229;
    --ct-sys-color-surface: #000000;
    --ct-sys-color-surface-bright: #343a3c;
    --ct-sys-color-surface-container: #1b2122;
    --ct-sys-color-surface-container-high: #252b2d;
    --ct-sys-color-surface-container-highest: #303637;
    --ct-sys-color-surface-container-low: #171d1e;
    --ct-sys-color-surface-container-lowest: #090f11;
    --ct-sys-color-surface-dim: #0f1416;
    --ct-sys-color-surface-tint: #00d9fa;
    --ct-sys-color-surface-variant: #3f484b;
    --ct-sys-color-tertiary: #ffa2a6;
    --ct-sys-color-tertiary-container: #5f3e40;
    --ct-sys-color-tertiary-dim: #fdb7ba;
    --ct-sys-color-tertiary-fixed: #ffdada;
    --ct-sys-color-tertiary-fixed-dim: #edbabb;
    --ct-sys-color-tertiary-palette-key-color: #a1676a;
    --ct-sys-color-warning: #e3c37e;
    --ct-sys-color-warning-container: #643f00;
  }

  [data-framework-card="web"] {
    --ct-sys-color-background: #15130c;
    --ct-sys-color-error: #ffb4ab;
    --ct-sys-color-error-container: #93000a;
    --ct-sys-color-error-dim: #ff554a;
    --ct-sys-color-information: #a4cbee;
    --ct-sys-color-information-container: #004b72;
    --ct-sys-color-inverse-on-surface: #333027;
    --ct-sys-color-inverse-primary: #6a5f00;
    --ct-sys-color-inverse-surface: #e8e2d5;
    --ct-sys-color-neutral-palette-key-color: #7a776c;
    --ct-sys-color-neutral-variant-palette-key-color: #7b7768;
    --ct-sys-color-on-background: #e8e2d5;
    --ct-sys-color-on-error: #690005;
    --ct-sys-color-on-error-container: #ffdad6;
    --ct-sys-color-on-information: #003451;
    --ct-sys-color-on-information-container: #d7e4f2;
    --ct-sys-color-on-primary: #373100;
    --ct-sys-color-on-primary-container: #fce425;
    --ct-sys-color-on-primary-fixed: #201c00;
    --ct-sys-color-on-primary-fixed-variant: #504700;
    --ct-sys-color-on-secondary: #003730;
    --ct-sys-color-on-secondary-container: #39fde1;
    --ct-sys-color-on-secondary-fixed: #00201b;
    --ct-sys-color-on-secondary-fixed-variant: #005046;
    --ct-sys-color-on-success: #00391a;
    --ct-sys-color-on-success-container: #d6e7d5;
    --ct-sys-color-on-surface: #e8e2d5;
    --ct-sys-color-on-surface-variant: #ccc6b5;
    --ct-sys-color-on-tertiary: #223149;
    --ct-sys-color-on-tertiary-container: #d6e3ff;
    --ct-sys-color-on-tertiary-fixed: #0c1c33;
    --ct-sys-color-on-tertiary-fixed-variant: #394760;
    --ct-sys-color-on-warning: #3f2e00;
    --ct-sys-color-on-warning-container: #f2e0c2;
    --ct-sys-color-outline: #959181;
    --ct-sys-color-outline-variant: #4a4739;
    --ct-sys-color-primary: #d7c866;
    --ct-sys-color-primary-container: #4c4727;
    --ct-sys-color-primary-dim: #fce425;
    --ct-sys-color-primary-fixed: #ede3b3;
    --ct-sys-color-primary-fixed-dim: #d0c799;
    --ct-sys-color-primary-palette-key-color: #ead303;
    --ct-sys-color-scrim: #000000;
    --ct-sys-color-secondary: #77d8c5;
    --ct-sys-color-secondary-container: #2f4c46;
    --ct-sys-color-secondary-dim: #39fde1;
    --ct-sys-color-secondary-fixed: #c5ebe1;
    --ct-sys-color-secondary-fixed-dim: #aacec5;
    --ct-sys-color-secondary-palette-key-color: #01ebd0;
    --ct-sys-color-shadow: #000000;
    --ct-sys-color-success: #a3d2ac;
    --ct-sys-color-success-container: #005229;
    --ct-sys-color-surface: #15130c;
    --ct-sys-color-surface-bright: #3b3930;
    --ct-sys-color-surface-container: #212017;
    --ct-sys-color-surface-container-high: #2c2a21;
    --ct-sys-color-surface-container-highest: #37352c;
    --ct-sys-color-surface-container-low: #1d1c13;
    --ct-sys-color-surface-container-lowest: #100e07;
    --ct-sys-color-surface-dim: #15130c;
    --ct-sys-color-surface-tint: #dec800;
    --ct-sys-color-surface-variant: #4a4739;
    --ct-sys-color-tertiary: #9bbfff;
    --ct-sys-color-tertiary-container: #263144;
    --ct-sys-color-tertiary-dim: #cfddfd;
    --ct-sys-color-tertiary-fixed: #d6e3ff;
    --ct-sys-color-tertiary-fixed-dim: #bac7e3;
    --ct-sys-color-tertiary-palette-key-color: #697793;
    --ct-sys-color-warning: #e3c37e;
    --ct-sys-color-warning-container: #643f00;
  }

  [data-framework-card="react"] {
    --ct-sys-color-background: #0f1416;
    --ct-sys-color-error: #ffb4ab;
    --ct-sys-color-error-container: #93000a;
    --ct-sys-color-error-dim: #ff554a;
    --ct-sys-color-information: #a4cbee;
    --ct-sys-color-information-container: #004b72;
    --ct-sys-color-inverse-on-surface: #2c3133;
    --ct-sys-color-inverse-primary: #00677c;
    --ct-sys-color-inverse-surface: #dee3e6;
    --ct-sys-color-neutral-palette-key-color: #72787a;
    --ct-sys-color-neutral-variant-palette-key-color: #6f787c;
    --ct-sys-color-on-background: #dee3e6;
    --ct-sys-color-on-error: #690005;
    --ct-sys-color-on-error-container: #ffdad6;
    --ct-sys-color-on-information: #003451;
    --ct-sys-color-on-information-container: #d7e4f2;
    --ct-sys-color-on-primary: #003641;
    --ct-sys-color-on-primary-container: #b1ecff;
    --ct-sys-color-on-primary-fixed: #001f27;
    --ct-sys-color-on-primary-fixed-variant: #004e5e;
    --ct-sys-color-on-secondary: #362856;
    --ct-sys-color-on-secondary-container: #e9ddff;
    --ct-sys-color-on-secondary-fixed: #201240;
    --ct-sys-color-on-secondary-fixed-variant: #4c3f6e;
    --ct-sys-color-on-success: #00391a;
    --ct-sys-color-on-success-container: #d6e7d5;
    --ct-sys-color-on-surface: #dee3e6;
    --ct-sys-color-on-surface-variant: #bfc8cb;
    --ct-sys-color-on-tertiary: #4d2424;
    --ct-sys-color-on-tertiary-container: #ffdad8;
    --ct-sys-color-on-tertiary-fixed: #341010;
    --ct-sys-color-on-tertiary-fixed-variant: #683a39;
    --ct-sys-color-on-warning: #3f2e00;
    --ct-sys-color-on-warning-container: #f2e0c2;
    --ct-sys-color-outline: #899296;
    --ct-sys-color-outline-variant: #40484b;
    --ct-sys-color-primary: #79d2ed;
    --ct-sys-color-primary-container: #304b53;
    --ct-sys-color-primary-dim: #65deff;
    --ct-sys-color-primary-fixed: #c7e8f4;
    --ct-sys-color-primary-fixed-dim: #abccd7;
    --ct-sys-color-primary-palette-key-color: #0aa6c6;
    --ct-sys-color-scrim: #000000;
    --ct-sys-color-secondary: #cab4fe;
    --ct-sys-color-secondary-container: #4a435b;
    --ct-sys-color-secondary-dim: #d7c6ff;
    --ct-sys-color-secondary-fixed: #e9ddff;
    --ct-sys-color-secondary-fixed-dim: #cdc1e2;
    --ct-sys-color-secondary-palette-key-color: #7e6fa2;
    --ct-sys-color-shadow: #000000;
    --ct-sys-color-success: #a3d2ac;
    --ct-sys-color-success-container: #005229;
    --ct-sys-color-surface: #0f1416;
    --ct-sys-color-surface-bright: #343a3c;
    --ct-sys-color-surface-container: #1b2022;
    --ct-sys-color-surface-container-high: #252b2d;
    --ct-sys-color-surface-container-highest: #303638;
    --ct-sys-color-surface-container-low: #171c1e;
    --ct-sys-color-surface-container-lowest: #090f11;
    --ct-sys-color-surface-dim: #0f1416;
    --ct-sys-color-surface-tint: #5cd5f6;
    --ct-sys-color-surface-variant: #40484b;
    --ct-sys-color-tertiary: #ffa2a0;
    --ct-sys-color-tertiary-container: #472827;
    --ct-sys-color-tertiary-dim: #fdbcba;
    --ct-sys-color-tertiary-fixed: #ffdad8;
    --ct-sys-color-tertiary-fixed-dim: #edbab8;
    --ct-sys-color-tertiary-palette-key-color: #9f6968;
    --ct-sys-color-warning: #e3c37e;
    --ct-sys-color-warning-container: #643f00;
  }

  [data-framework-card="blazor"] {
    --ct-sys-color-background: #141318;
    --ct-sys-color-error: #ffb4ab;
    --ct-sys-color-error-container: #93000a;
    --ct-sys-color-error-dim: #ff554a;
    --ct-sys-color-information: #a4cbee;
    --ct-sys-color-information-container: #004b72;
    --ct-sys-color-inverse-on-surface: #312f36;
    --ct-sys-color-inverse-primary: #5f3de2;
    --ct-sys-color-inverse-surface: #e6e1e9;
    --ct-sys-color-neutral-palette-key-color: #79767d;
    --ct-sys-color-neutral-variant-palette-key-color: #78757f;
    --ct-sys-color-on-background: #e6e1e9;
    --ct-sys-color-on-error: #690005;
    --ct-sys-color-on-error-container: #ffdad6;
    --ct-sys-color-on-information: #003451;
    --ct-sys-color-on-information-container: #d7e4f2;
    --ct-sys-color-on-primary: #30009b;
    --ct-sys-color-on-primary-container: #e6deff;
    --ct-sys-color-on-primary-fixed: #1b0063;
    --ct-sys-color-on-primary-fixed-variant: #4618ca;
    --ct-sys-color-on-secondary: #67001d;
    --ct-sys-color-on-secondary-container: #ffdadb;
    --ct-sys-color-on-secondary-fixed: #40000e;
    --ct-sys-color-on-secondary-fixed-variant: #8e0c2e;
    --ct-sys-color-on-success: #00391a;
    --ct-sys-color-on-success-container: #d6e7d5;
    --ct-sys-color-on-surface: #e6e1e9;
    --ct-sys-color-on-surface-variant: #c9c5d0;
    --ct-sys-color-on-tertiary: #3c2f00;
    --ct-sys-color-on-tertiary-container: #fbe194;
    --ct-sys-color-on-tertiary-fixed: #231b00;
    --ct-sys-color-on-tertiary-fixed-variant: #564506;
    --ct-sys-color-on-warning: #3f2e00;
    --ct-sys-color-on-warning-container: #f2e0c2;
    --ct-sys-color-outline: #938f99;
    --ct-sys-color-outline-variant: #48454e;
    --ct-sys-color-primary: #c1b5fe;
    --ct-sys-color-primary-container: #48445b;
    --ct-sys-color-primary-dim: #937eff;
    --ct-sys-color-primary-fixed: #e6deff;
    --ct-sys-color-primary-fixed-dim: #c9c2e2;
    --ct-sys-color-primary-palette-key-color: #785bfc;
    --ct-sys-color-scrim: #000000;
    --ct-sys-color-secondary: #ffa6ad;
    --ct-sys-color-secondary-container: #5f3e40;
    --ct-sys-color-secondary-dim: #f75f75;
    --ct-sys-color-secondary-fixed: #ffdadb;
    --ct-sys-color-secondary-fixed-dim: #ecbabd;
    --ct-sys-color-secondary-palette-key-color: #d1445a;
    --ct-sys-color-shadow: #000000;
    --ct-sys-color-success: #a3d2ac;
    --ct-sys-color-success-container: #005229;
    --ct-sys-color-surface: #141318;
    --ct-sys-color-surface-bright: #3a383e;
    --ct-sys-color-surface-container: #201f25;
    --ct-sys-color-surface-container-high: #2b292f;
    --ct-sys-color-surface-container-highest: #36343a;
    --ct-sys-color-surface-container-low: #1c1b20;
    --ct-sys-color-surface-container-lowest: #0f0d13;
    --ct-sys-color-surface-dim: #141318;
    --ct-sys-color-surface-tint: #c9beff;
    --ct-sys-color-surface-variant: #48454e;
    --ct-sys-color-tertiary: #e2c462;
    --ct-sys-color-tertiary-container: #392f12;
    --ct-sys-color-tertiary-dim: #fee497;
    --ct-sys-color-tertiary-fixed: #f4e2b1;
    --ct-sys-color-tertiary-fixed-dim: #d6c697;
    --ct-sys-color-tertiary-palette-key-color: #897535;
    --ct-sys-color-warning: #e3c37e;
    --ct-sys-color-warning-container: #643f00;
  }

  [data-framework-card="angular"] {
    --ct-sys-color-background: #1a1111;
    --ct-sys-color-error: #ffb4ab;
    --ct-sys-color-error-container: #93000a;
    --ct-sys-color-error-dim: #ff554a;
    --ct-sys-color-information: #a4cbee;
    --ct-sys-color-information-container: #004b72;
    --ct-sys-color-inverse-on-surface: #382e2d;
    --ct-sys-color-inverse-primary: #bf0029;
    --ct-sys-color-inverse-surface: #f0dedd;
    --ct-sys-color-neutral-palette-key-color: #827473;
    --ct-sys-color-neutral-variant-palette-key-color: #857372;
    --ct-sys-color-on-background: #f0dedd;
    --ct-sys-color-on-error: #690005;
    --ct-sys-color-on-error-container: #ffdad6;
    --ct-sys-color-on-information: #003451;
    --ct-sys-color-on-information-container: #d7e4f2;
    --ct-sys-color-on-primary: #680012;
    --ct-sys-color-on-primary-container: #ffdad8;
    --ct-sys-color-on-primary-fixed: #410007;
    --ct-sys-color-on-primary-fixed-variant: #92001d;
    --ct-sys-color-on-secondary: #393000;
    --ct-sys-color-on-secondary-container: #fae373;
    --ct-sys-color-on-secondary-fixed: #211b00;
    --ct-sys-color-on-secondary-fixed-variant: #524600;
    --ct-sys-color-on-success: #00391a;
    --ct-sys-color-on-success-container: #d6e7d5;
    --ct-sys-color-on-surface: #f0dedd;
    --ct-sys-color-on-surface-variant: #d7c1c0;
    --ct-sys-color-on-tertiary: #00382e;
    --ct-sys-color-on-tertiary-container: #94f4dd;
    --ct-sys-color-on-tertiary-fixed: #00201a;
    --ct-sys-color-on-tertiary-fixed-variant: #005144;
    --ct-sys-color-on-warning: #3f2e00;
    --ct-sys-color-on-warning-container: #f2e0c2;
    --ct-sys-color-outline: #a08c8b;
    --ct-sys-color-outline-variant: #524342;
    --ct-sys-color-primary: #ffa7a5;
    --ct-sys-color-primary-container: #5f3e3d;
    --ct-sys-color-primary-dim: #ff545c;
    --ct-sys-color-primary-fixed: #ffdad8;
    --ct-sys-color-primary-fixed-dim: #eebab8;
    --ct-sys-color-primary-palette-key-color: #ea1638;
    --ct-sys-color-scrim: #000000;
    --ct-sys-color-secondary: #dcc664;
    --ct-sys-color-secondary-container: #4e4626;
    --ct-sys-color-secondary-dim: #fae373;
    --ct-sys-color-secondary-fixed: #efe3b2;
    --ct-sys-color-secondary-fixed-dim: #d3c698;
    --ct-sys-color-secondary-palette-key-color: #89770d;
    --ct-sys-color-shadow: #000000;
    --ct-sys-color-success: #a3d2ac;
    --ct-sys-color-success-container: #005229;
    --ct-sys-color-surface: #1a1111;
    --ct-sys-color-surface-bright: #423736;
    --ct-sys-color-surface-container: #271d1d;
    --ct-sys-color-surface-container-high: #322827;
    --ct-sys-color-surface-container-highest: #3d3232;
    --ct-sys-color-surface-container-low: #231919;
    --ct-sys-color-surface-container-lowest: #140c0c;
    --ct-sys-color-surface-dim: #1a1111;
    --ct-sys-color-surface-tint: #ffb3b1;
    --ct-sys-color-surface-variant: #524342;
    --ct-sys-color-tertiary: #79d8c1;
    --ct-sys-color-tertiary-container: #18362e;
    --ct-sys-color-tertiary-dim: #9afae2;
    --ct-sys-color-tertiary-fixed: #c5eadf;
    --ct-sys-color-tertiary-fixed-dim: #aacfc3;
    --ct-sys-color-tertiary-palette-key-color: #188673;
    --ct-sys-color-warning: #e3c37e;
    --ct-sys-color-warning-container: #643f00;
  }

  [data-framework-card="vue"] {
    --ct-sys-color-background: #0f1511;
    --ct-sys-color-error: #ffb4ab;
    --ct-sys-color-error-container: #93000a;
    --ct-sys-color-error-dim: #ff554a;
    --ct-sys-color-information: #a4cbee;
    --ct-sys-color-information-container: #004b72;
    --ct-sys-color-inverse-on-surface: #2c322e;
    --ct-sys-color-inverse-primary: #006c47;
    --ct-sys-color-inverse-surface: #dee4de;
    --ct-sys-color-neutral-palette-key-color: #727873;
    --ct-sys-color-neutral-variant-palette-key-color: #707972;
    --ct-sys-color-on-background: #dee4de;
    --ct-sys-color-on-error: #690005;
    --ct-sys-color-on-error-container: #ffdad6;
    --ct-sys-color-on-information: #003451;
    --ct-sys-color-on-information-container: #d7e4f2;
    --ct-sys-color-on-primary: #003823;
    --ct-sys-color-on-primary-container: #86f9be;
    --ct-sys-color-on-primary-fixed: #002112;
    --ct-sys-color-on-primary-fixed-variant: #005234;
    --ct-sys-color-on-secondary: #00344f;
    --ct-sys-color-on-secondary-container: #cae6ff;
    --ct-sys-color-on-secondary-fixed: #001e30;
    --ct-sys-color-on-secondary-fixed-variant: #004b70;
    --ct-sys-color-on-success: #00391a;
    --ct-sys-color-on-success-container: #d6e7d5;
    --ct-sys-color-on-surface: #dee4de;
    --ct-sys-color-on-surface-variant: #c0c9c1;
    --ct-sys-color-on-tertiary: #54006d;
    --ct-sys-color-on-tertiary-container: #fbd7ff;
    --ct-sys-color-on-tertiary-fixed: #330044;
    --ct-sys-color-on-tertiary-fixed-variant: #701f8a;
    --ct-sys-color-on-warning: #3f2e00;
    --ct-sys-color-on-warning-container: #f2e0c2;
    --ct-sys-color-outline: #8a938c;
    --ct-sys-color-outline-variant: #404943;
    --ct-sys-color-primary: #87d7ac;
    --ct-sys-color-primary-container: #344c3e;
    --ct-sys-color-primary-dim: #89fcc1;
    --ct-sys-color-primary-fixed: #caebd5;
    --ct-sys-color-primary-fixed-dim: #aeceba;
    --ct-sys-color-primary-palette-key-color: #049462;
    --ct-sys-color-scrim: #000000;
    --ct-sys-color-secondary: #8dcdff;
    --ct-sys-color-secondary-container: #364958;
    --ct-sys-color-secondary-dim: #57b9fb;
    --ct-sys-color-secondary-fixed: #cde6fb;
    --ct-sys-color-secondary-fixed-dim: #b2c9df;
    --ct-sys-color-secondary-palette-key-color: #0289c8;
    --ct-sys-color-shadow: #000000;
    --ct-sys-color-success: #a3d2ac;
    --ct-sys-color-success-container: #005229;
    --ct-sys-color-surface: #0f1511;
    --ct-sys-color-surface-bright: #353b36;
    --ct-sys-color-surface-container: #1b211d;
    --ct-sys-color-surface-container-high: #262b27;
    --ct-sys-color-surface-container-highest: #303632;
    --ct-sys-color-surface-container-low: #171d19;
    --ct-sys-color-surface-container-lowest: #0a0f0c;
    --ct-sys-color-surface-dim: #0f1511;
    --ct-sys-color-surface-tint: #69dca4;
    --ct-sys-color-surface-variant: #404943;
    --ct-sys-color-tertiary: #ebb4f6;
    --ct-sys-color-tertiary-container: #3b2b3e;
    --ct-sys-color-tertiary-dim: #e68ffe;
    --ct-sys-color-tertiary-fixed: #f6daf8;
    --ct-sys-color-tertiary-fixed-dim: #d9bedb;
    --ct-sys-color-tertiary-palette-key-color: #a655bf;
    --ct-sys-color-warning: #e3c37e;
    --ct-sys-color-warning-container: #643f00;
  }

  [data-framework-card="svelte"] {
    --ct-sys-color-background: #1a110f;
    --ct-sys-color-error: #ffb4ab;
    --ct-sys-color-error-container: #93000a;
    --ct-sys-color-error-dim: #ff554a;
    --ct-sys-color-information: #a4cbee;
    --ct-sys-color-information-container: #004b72;
    --ct-sys-color-inverse-on-surface: #392e2b;
    --ct-sys-color-inverse-primary: #b42900;
    --ct-sys-color-inverse-surface: #f1dfda;
    --ct-sys-color-neutral-palette-key-color: #827471;
    --ct-sys-color-neutral-variant-palette-key-color: #85736f;
    --ct-sys-color-on-background: #f1dfda;
    --ct-sys-color-on-error: #690005;
    --ct-sys-color-on-error-container: #ffdad6;
    --ct-sys-color-on-information: #003451;
    --ct-sys-color-on-information-container: #d7e4f2;
    --ct-sys-color-on-primary: #611200;
    --ct-sys-color-on-primary-container: #ffdad2;
    --ct-sys-color-on-primary-fixed: #3c0700;
    --ct-sys-color-on-primary-fixed-variant: #891d00;
    --ct-sys-color-on-secondary: #313300;
    --ct-sys-color-on-secondary-container: #e6ea62;
    --ct-sys-color-on-secondary-fixed: #1c1d00;
    --ct-sys-color-on-secondary-fixed-variant: #484a00;
    --ct-sys-color-on-success: #00391a;
    --ct-sys-color-on-success-container: #d6e7d5;
    --ct-sys-color-on-surface: #f1dfda;
    --ct-sys-color-on-surface-variant: #d8c2bd;
    --ct-sys-color-on-tertiary: #003735;
    --ct-sys-color-on-tertiary-container: #84f5ef;
    --ct-sys-color-on-tertiary-fixed: #00201f;
    --ct-sys-color-on-tertiary-fixed-variant: #00504d;
    --ct-sys-color-on-warning: #3f2e00;
    --ct-sys-color-on-warning-container: #f2e0c2;
    --ct-sys-color-outline: #a08c88;
    --ct-sys-color-outline-variant: #534340;
    --ct-sys-color-primary: #ffa690;
    --ct-sys-color-primary-container: #5f3e36;
    --ct-sys-color-primary-dim: #ff572c;
    --ct-sys-color-primary-fixed: #ffdad2;
    --ct-sys-color-primary-fixed-dim: #eebaae;
    --ct-sys-color-primary-palette-key-color: #fb3d00;
    --ct-sys-color-scrim: #000000;
    --ct-sys-color-secondary: #cacc6d;
    --ct-sys-color-secondary-container: #48492a;
    --ct-sys-color-secondary-dim: #e6ea62;
    --ct-sys-color-secondary-fixed: #e6e6b7;
    --ct-sys-color-secondary-fixed-dim: #cac99c;
    --ct-sys-color-secondary-palette-key-color: #8b8e00;
    --ct-sys-color-shadow: #000000;
    --ct-sys-color-success: #a3d2ac;
    --ct-sys-color-success-container: #005229;
    --ct-sys-color-surface: #1a110f;
    --ct-sys-color-surface-bright: #423734;
    --ct-sys-color-surface-container: #271d1b;
    --ct-sys-color-surface-container-high: #322825;
    --ct-sys-color-surface-container-highest: #3d3230;
    --ct-sys-color-surface-container-low: #231917;
    --ct-sys-color-surface-container-lowest: #140c0a;
    --ct-sys-color-surface-dim: #1a110f;
    --ct-sys-color-surface-tint: #ffb4a2;
    --ct-sys-color-surface-variant: #534340;
    --ct-sys-color-tertiary: #73d7d1;
    --ct-sys-color-tertiary-container: #173533;
    --ct-sys-color-tertiary-dim: #8dfef7;
    --ct-sys-color-tertiary-fixed: #c4eae7;
    --ct-sys-color-tertiary-fixed-dim: #a8ceca;
    --ct-sys-color-tertiary-palette-key-color: #049994;
    --ct-sys-color-warning: #e3c37e;
    --ct-sys-color-warning-container: #643f00;
  }
}

@supports (color: light-dark(red, red)) {
  :root[data-page-anchor="cobalt"] {
    --ct-sys-color-background: light-dark(#ffffff, #000000);
    --ct-sys-color-error: light-dark(#ba1a1a, #ffb4ab);
    --ct-sys-color-error-container: light-dark(#ffdad6, #93000a);
    --ct-sys-color-error-dim: light-dark(#a80710, #ff554a);
    --ct-sys-color-information: light-dark(#006496, #a4cbee);
    --ct-sys-color-information-container: light-dark(#d7e4f2, #004b72);
    --ct-sys-color-inverse-on-surface: light-dark(#eff0f7, #2e3135);
    --ct-sys-color-inverse-primary: light-dark(#a0c9ff, #0061a6);
    --ct-sys-color-inverse-surface: light-dark(#2e3135, #e1e2e8);
    --ct-sys-color-neutral-palette-key-color: light-dark(#75777d, #75777d);
    --ct-sys-color-neutral-variant-palette-key-color: light-dark(#73777f, #73777f);
    --ct-sys-color-on-background: light-dark(#191c20, #e1e2e8);
    --ct-sys-color-on-error: light-dark(#ffffff, #690005);
    --ct-sys-color-on-error-container: light-dark(#93000a, #ffdad6);
    --ct-sys-color-on-information: light-dark(#ffffff, #003451);
    --ct-sys-color-on-information-container: light-dark(#004b72, #d7e4f2);
    --ct-sys-color-on-primary: light-dark(#ffffff, #003259);
    --ct-sys-color-on-primary-container: light-dark(#00497f, #d2e4ff);
    --ct-sys-color-on-primary-fixed: light-dark(#001c37, #001c37);
    --ct-sys-color-on-primary-fixed-variant: light-dark(#00497f, #00497f);
    --ct-sys-color-on-secondary: light-dark(#ffffff, #5b005a);
    --ct-sys-color-on-secondary-container: light-dark(#810080, #ffd7f5);
    --ct-sys-color-on-secondary-fixed: light-dark(#380038, #380038);
    --ct-sys-color-on-secondary-fixed-variant: light-dark(#810080, #810080);
    --ct-sys-color-on-success: light-dark(#ffffff, #00391a);
    --ct-sys-color-on-success-container: light-dark(#005229, #d6e7d5);
    --ct-sys-color-on-surface: light-dark(#191c20, #e1e2e8);
    --ct-sys-color-on-surface-variant: light-dark(#43474e, #c3c6cf);
    --ct-sys-color-on-tertiary: light-dark(#ffffff, #4f2500);
    --ct-sys-color-on-tertiary-container: light-dark(#703700, #ffdcc5);
    --ct-sys-color-on-tertiary-fixed: light-dark(#301400, #301400);
    --ct-sys-color-on-tertiary-fixed-variant: light-dark(#703700, #703700);
    --ct-sys-color-on-warning: light-dark(#ffffff, #3f2e00);
    --ct-sys-color-on-warning-container: light-dark(#5b4300, #f2e0c2);
    --ct-sys-color-outline: light-dark(#73777f, #8d9199);
    --ct-sys-color-outline-variant: light-dark(#c3c6cf, #43474e);
    --ct-sys-color-primary: light-dark(#0b61a4, #94c2fd);
    --ct-sys-color-primary-container: light-dark(#d2e4fe, #3a485b);
    --ct-sys-color-primary-dim: light-dark(#005592, #0297fe);
    --ct-sys-color-primary-fixed: light-dark(#d2e4fe, #d2e4fe);
    --ct-sys-color-primary-fixed-dim: light-dark(#b6c7e1, #b6c7e1);
    --ct-sys-color-primary-palette-key-color: light-dark(#0397fe, #0397fe);
    --ct-sys-color-scrim: light-dark(#000000, #000000);
    --ct-sys-color-secondary: light-dark(#8b4484, #f6b0ea);
    --ct-sys-color-secondary-container: light-dark(#fcd8f3, #564052);
    --ct-sys-color-secondary-dim: light-dark(#950094, #ff20fc);
    --ct-sys-color-secondary-fixed: light-dark(#fcd8f3, #fcd8f3);
    --ct-sys-color-secondary-fixed-dim: light-dark(#dfbdd6, #dfbdd6);
    --ct-sys-color-secondary-palette-key-color: light-dark(#f505f3, #f505f3);
    --ct-sys-color-shadow: light-dark(#000000, #000000);
    --ct-sys-color-success: light-dark(#006d38, #a3d2ac);
    --ct-sys-color-success-container: light-dark(#d6e7d5, #005229);
    --ct-sys-color-surface: light-dark(#ffffff, #000000);
    --ct-sys-color-surface-bright: light-dark(#f8f9ff, #36393e);
    --ct-sys-color-surface-container: light-dark(#eceef4, #1d2024);
    --ct-sys-color-surface-container-high: light-dark(#e7e8ee, #272a2f);
    --ct-sys-color-surface-container-highest: light-dark(#e1e2e8, #32353a);
    --ct-sys-color-surface-container-low: light-dark(#f2f3fa, #191c20);
    --ct-sys-color-surface-container-lowest: light-dark(#ffffff, #0b0e13);
    --ct-sys-color-surface-dim: light-dark(#d8dae0, #111418);
    --ct-sys-color-surface-tint: light-dark(#0061a6, #a0c9ff);
    --ct-sys-color-surface-variant: light-dark(#dfe2eb, #43474e);
    --ct-sys-color-tertiary: light-dark(#964c00, #feac6e);
    --ct-sys-color-tertiary-container: light-dark(#ffdcc5, #5d402c);
    --ct-sys-color-tertiary-dim: light-dark(#824100, #f7851a);
    --ct-sys-color-tertiary-fixed: light-dark(#ffdcc5, #ffdcc5);
    --ct-sys-color-tertiary-fixed-dim: light-dark(#ebbe9f, #ebbe9f);
    --ct-sys-color-tertiary-palette-key-color: light-dark(#e37600, #e37600);
    --ct-sys-color-warning: light-dark(#845400, #e3c37e);
    --ct-sys-color-warning-container: light-dark(#f2e0c2, #643f00);
  }

  :root[data-page-anchor="violet"] {
    --ct-sys-color-background: light-dark(#ffffff, #000000);
    --ct-sys-color-error: light-dark(#ba1a1a, #ffb4ab);
    --ct-sys-color-error-container: light-dark(#ffdad6, #93000a);
    --ct-sys-color-error-dim: light-dark(#a80710, #ff554a);
    --ct-sys-color-information: light-dark(#006496, #a4cbee);
    --ct-sys-color-information-container: light-dark(#d7e4f2, #004b72);
    --ct-sys-color-inverse-on-surface: light-dark(#f4eff7, #312f36);
    --ct-sys-color-inverse-primary: light-dark(#cbbeff, #6341d5);
    --ct-sys-color-inverse-surface: light-dark(#312f36, #e6e1e9);
    --ct-sys-color-neutral-palette-key-color: light-dark(#79767d, #79767d);
    --ct-sys-color-neutral-variant-palette-key-color: light-dark(#79757f, #79757f);
    --ct-sys-color-on-background: light-dark(#1c1b20, #e6e1e9);
    --ct-sys-color-on-error: light-dark(#ffffff, #690005);
    --ct-sys-color-on-error-container: light-dark(#93000a, #ffdad6);
    --ct-sys-color-on-information: light-dark(#ffffff, #003451);
    --ct-sys-color-on-information-container: light-dark(#004b72, #d7e4f2);
    --ct-sys-color-on-primary: light-dark(#ffffff, #330099);
    --ct-sys-color-on-primary-container: light-dark(#4a21bd, #e6deff);
    --ct-sys-color-on-primary-fixed: light-dark(#1d0061, #1d0061);
    --ct-sys-color-on-primary-fixed-variant: light-dark(#4a21bd, #4a21bd);
    --ct-sys-color-on-secondary: light-dark(#ffffff, #68001a);
    --ct-sys-color-on-secondary-container: light-dark(#920028, #ffdada);
    --ct-sys-color-on-secondary-fixed: light-dark(#40000c, #40000c);
    --ct-sys-color-on-secondary-fixed-variant: light-dark(#920028, #920028);
    --ct-sys-color-on-success: light-dark(#ffffff, #00391a);
    --ct-sys-color-on-success-container: light-dark(#005229, #d6e7d5);
    --ct-sys-color-on-surface: light-dark(#1c1b20, #e6e1e9);
    --ct-sys-color-on-surface-variant: light-dark(#48454e, #c9c4d0);
    --ct-sys-color-on-tertiary: light-dark(#ffffff, #3b2f00);
    --ct-sys-color-on-tertiary-container: light-dark(#554500, #ffe179);
    --ct-sys-color-on-tertiary-fixed: light-dark(#231b00, #231b00);
    --ct-sys-color-on-tertiary-fixed-variant: light-dark(#554500, #554500);
    --ct-sys-color-on-warning: light-dark(#ffffff, #3f2e00);
    --ct-sys-color-on-warning-container: light-dark(#5b4300, #f2e0c2);
    --ct-sys-color-outline: light-dark(#79757f, #938f99);
    --ct-sys-color-outline-variant: light-dark(#c9c4d0, #48454e);
    --ct-sys-color-primary: light-dark(#6251a6, #c4b6ff);
    --ct-sys-color-primary-container: light-dark(#e6deff, #48435b);
    --ct-sys-color-primary-dim: light-dark(#5632c9, #967dff);
    --ct-sys-color-primary-fixed: light-dark(#e6deff, #e6deff);
    --ct-sys-color-primary-fixed-dim: light-dark(#cac2e3, #cac2e3);
    --ct-sys-color-primary-palette-key-color: light-dark(#7c5df0, #7c5df0);
    --ct-sys-color-scrim: light-dark(#000000, #000000);
    --ct-sys-color-secondary: light-dark(#9c4049, #ffa7ab);
    --ct-sys-color-secondary-container: light-dark(#ffdada, #5f3e40);
    --ct-sys-color-secondary-dim: light-dark(#a8002f, #ff5269);
    --ct-sys-color-secondary-fixed: light-dark(#ffdada, #ffdada);
    --ct-sys-color-secondary-fixed-dim: light-dark(#edbabc, #edbabc);
    --ct-sys-color-secondary-palette-key-color: light-dark(#ec0848, #ec0848);
    --ct-sys-color-shadow: light-dark(#000000, #000000);
    --ct-sys-color-success: light-dark(#006d38, #a3d2ac);
    --ct-sys-color-success-container: light-dark(#d6e7d5, #005229);
    --ct-sys-color-surface: light-dark(#ffffff, #000000);
    --ct-sys-color-surface-bright: light-dark(#fdf8ff, #3a383e);
    --ct-sys-color-surface-container: light-dark(#f1ecf4, #201f24);
    --ct-sys-color-surface-container-high: light-dark(#ebe6ee, #2b292f);
    --ct-sys-color-surface-container-highest: light-dark(#e6e1e9, #36343a);
    --ct-sys-color-surface-container-low: light-dark(#f7f2fa, #1c1b20);
    --ct-sys-color-surface-container-lowest: light-dark(#ffffff, #0f0d13);
    --ct-sys-color-surface-dim: light-dark(#ddd8e0, #141318);
    --ct-sys-color-surface-tint: light-dark(#6341d5, #cbbeff);
    --ct-sys-color-surface-variant: light-dark(#e6e0ec, #48454e);
    --ct-sys-color-tertiary: light-dark(#786200, #e1c562);
    --ct-sys-color-tertiary-container: light-dark(#f2e2b1, #4f4626);
    --ct-sys-color-tertiary-dim: light-dark(#635100, #fad85e);
    --ct-sys-color-tertiary-fixed: light-dark(#f2e2b1, #f2e2b1);
    --ct-sys-color-tertiary-fixed-dim: light-dark(#d6c697, #d6c697);
    --ct-sys-color-tertiary-palette-key-color: light-dark(#9d8102, #9d8102);
    --ct-sys-color-warning: light-dark(#845400, #e3c37e);
    --ct-sys-color-warning-container: light-dark(#f2e0c2, #643f00);
  }

  :root[data-page-anchor="magenta"] {
    --ct-sys-color-background: light-dark(#ffffff, #000000);
    --ct-sys-color-error: light-dark(#ba1a1a, #ffb4ab);
    --ct-sys-color-error-container: light-dark(#ffdad6, #93000a);
    --ct-sys-color-error-dim: light-dark(#a80710, #ff554a);
    --ct-sys-color-information: light-dark(#006496, #a4cbee);
    --ct-sys-color-information-container: light-dark(#d7e4f2, #004b72);
    --ct-sys-color-inverse-on-surface: light-dark(#faedf4, #352e33);
    --ct-sys-color-inverse-primary: light-dark(#ffabf2, #9e2a9a);
    --ct-sys-color-inverse-surface: light-dark(#352e33, #ecdfe5);
    --ct-sys-color-neutral-palette-key-color: light-dark(#7e747a, #7e747a);
    --ct-sys-color-neutral-variant-palette-key-color: light-dark(#80747c, #80747c);
    --ct-sys-color-on-background: light-dark(#201a1e, #ecdfe5);
    --ct-sys-color-on-error: light-dark(#ffffff, #690005);
    --ct-sys-color-on-error-container: light-dark(#93000a, #ffdad6);
    --ct-sys-color-on-information: light-dark(#ffffff, #003451);
    --ct-sys-color-on-information-container: light-dark(#004b72, #d7e4f2);
    --ct-sys-color-on-primary: light-dark(#ffffff, #5b005a);
    --ct-sys-color-on-primary-container: light-dark(#810180, #ffd7f5);
    --ct-sys-color-on-primary-fixed: light-dark(#380037, #380037);
    --ct-sys-color-on-primary-fixed-variant: light-dark(#810180, #810180);
    --ct-sys-color-on-secondary: light-dark(#ffffff, #4f2500);
    --ct-sys-color-on-secondary-container: light-dark(#703700, #ffdcc5);
    --ct-sys-color-on-secondary-fixed: light-dark(#301400, #301400);
    --ct-sys-color-on-secondary-fixed-variant: light-dark(#703700, #703700);
    --ct-sys-color-on-success: light-dark(#ffffff, #00391a);
    --ct-sys-color-on-success-container: light-dark(#005229, #d6e7d5);
    --ct-sys-color-on-surface: light-dark(#201a1e, #ecdfe5);
    --ct-sys-color-on-surface-variant: light-dark(#4e444b, #d1c2cb);
    --ct-sys-color-on-tertiary: light-dark(#ffffff, #193800);
    --ct-sys-color-on-tertiary-container: light-dark(#275000, #bdf291);
    --ct-sys-color-on-tertiary-fixed: light-dark(#0c2000, #0c2000);
    --ct-sys-color-on-tertiary-fixed-variant: light-dark(#275000, #275000);
    --ct-sys-color-on-warning: light-dark(#ffffff, #3f2e00);
    --ct-sys-color-on-warning-container: light-dark(#5b4300, #f2e0c2);
    --ct-sys-color-outline: light-dark(#80747b, #9a8d95);
    --ct-sys-color-outline-variant: light-dark(#d1c2cb, #4e444b);
    --ct-sys-color-primary: light-dark(#8b4484, #f6b0ea);
    --ct-sys-color-primary-container: light-dark(#fcd8f3, #564052);
    --ct-sys-color-primary-dim: light-dark(#8f198c, #f97cee);
    --ct-sys-color-primary-fixed: light-dark(#fcd8f3, #fcd8f3);
    --ct-sys-color-primary-fixed-dim: light-dark(#dfbdd6, #dfbdd6);
    --ct-sys-color-primary-palette-key-color: light-dark(#bc46b5, #bc46b5);
    --ct-sys-color-scrim: light-dark(#000000, #000000);
    --ct-sys-color-secondary: light-dark(#964c00, #feac6e);
    --ct-sys-color-secondary-container: light-dark(#ffdcc5, #5d402c);
    --ct-sys-color-secondary-dim: light-dark(#7f430b, #ffab6d);
    --ct-sys-color-secondary-fixed: light-dark(#ffdcc5, #ffdcc5);
    --ct-sys-color-secondary-fixed-dim: light-dark(#ebbe9f, #ebbe9f);
    --ct-sys-color-secondary-palette-key-color: light-dark(#ab662e, #ab662e);
    --ct-sys-color-shadow: light-dark(#000000, #000000);
    --ct-sys-color-success: light-dark(#006d38, #a3d2ac);
    --ct-sys-color-success-container: light-dark(#d6e7d5, #005229);
    --ct-sys-color-surface: light-dark(#ffffff, #000000);
    --ct-sys-color-surface-bright: light-dark(#fff7f9, #3e373c);
    --ct-sys-color-surface-container: light-dark(#f7eaf1, #241e22);
    --ct-sys-color-surface-container-high: light-dark(#f1e5eb, #2f282d);
    --ct-sys-color-surface-container-highest: light-dark(#ecdfe5, #3a3338);
    --ct-sys-color-surface-container-low: light-dark(#fdf0f6, #201a1e);
    --ct-sys-color-surface-container-lowest: light-dark(#ffffff, #120d11);
    --ct-sys-color-surface-dim: light-dark(#e3d7dd, #171216);
    --ct-sys-color-surface-tint: light-dark(#9e2a9a, #ffabf2);
    --ct-sys-color-surface-variant: light-dark(#eedee7, #4e444b);
    --ct-sys-color-tertiary: light-dark(#3e6919, #aad386);
    --ct-sys-color-tertiary-container: light-dark(#d7e9c3, #3d4a31);
    --ct-sys-color-tertiary-dim: light-dark(#325d0c, #c6fb99);
    --ct-sys-color-tertiary-fixed: light-dark(#d7e9c3, #d7e9c3);
    --ct-sys-color-tertiary-fixed-dim: light-dark(#bbcca8, #bbcca8);
    --ct-sys-color-tertiary-palette-key-color: light-dark(#568331, #568331);
    --ct-sys-color-warning: light-dark(#845400, #e3c37e);
    --ct-sys-color-warning-container: light-dark(#f2e0c2, #643f00);
  }

  :root[data-page-anchor="vermilion"] {
    --ct-sys-color-background: light-dark(#ffffff, #000000);
    --ct-sys-color-error: light-dark(#ba1a1a, #ffb4ab);
    --ct-sys-color-error-container: light-dark(#ffdad6, #93000a);
    --ct-sys-color-error-dim: light-dark(#a80710, #ff554a);
    --ct-sys-color-information: light-dark(#006496, #a4cbee);
    --ct-sys-color-information-container: light-dark(#d7e4f2, #004b72);
    --ct-sys-color-inverse-on-surface: light-dark(#ffedec, #382e2e);
    --ct-sys-color-inverse-primary: light-dark(#ffb3b6, #b02a40);
    --ct-sys-color-inverse-surface: light-dark(#382e2e, #f0dede);
    --ct-sys-color-neutral-palette-key-color: light-dark(#827474, #827474);
    --ct-sys-color-neutral-variant-palette-key-color: light-dark(#857373, #857373);
    --ct-sys-color-on-background: light-dark(#22191a, #f0dede);
    --ct-sys-color-on-error: light-dark(#ffffff, #690005);
    --ct-sys-color-on-error-container: light-dark(#93000a, #ffdad6);
    --ct-sys-color-on-information: light-dark(#ffffff, #003451);
    --ct-sys-color-on-information-container: light-dark(#004b72, #d7e4f2);
    --ct-sys-color-on-primary: light-dark(#ffffff, #68001a);
    --ct-sys-color-on-primary-container: light-dark(#8f0c2a, #ffdada);
    --ct-sys-color-on-primary-fixed: light-dark(#40000d, #40000d);
    --ct-sys-color-on-primary-fixed-variant: light-dark(#8f0c2a, #8f0c2a);
    --ct-sys-color-on-secondary: light-dark(#ffffff, #3b2f00);
    --ct-sys-color-on-secondary-container: light-dark(#554500, #fbe18e);
    --ct-sys-color-on-secondary-fixed: light-dark(#231b00, #231b00);
    --ct-sys-color-on-secondary-fixed-variant: light-dark(#554500, #554500);
    --ct-sys-color-on-success: light-dark(#ffffff, #00391a);
    --ct-sys-color-on-success-container: light-dark(#005229, #d6e7d5);
    --ct-sys-color-on-surface: light-dark(#22191a, #f0dede);
    --ct-sys-color-on-surface-variant: light-dark(#524343, #d7c1c2);
    --ct-sys-color-on-tertiary: light-dark(#ffffff, #00382b);
    --ct-sys-color-on-tertiary-container: light-dark(#005140, #acf0d9);
    --ct-sys-color-on-tertiary-fixed: light-dark(#002018, #002018);
    --ct-sys-color-on-tertiary-fixed-variant: light-dark(#005140, #005140);
    --ct-sys-color-on-warning: light-dark(#ffffff, #3f2e00);
    --ct-sys-color-on-warning-container: light-dark(#5b4300, #f2e0c2);
    --ct-sys-color-outline: light-dark(#857373, #9f8c8c);
    --ct-sys-color-outline-variant: light-dark(#d7c1c2, #524343);
    --ct-sys-color-primary: light-dark(#9c404a, #ffa7ab);
    --ct-sys-color-primary-container: light-dark(#ffdada, #5f3e40);
    --ct-sys-color-primary-dim: light-dark(#9f1c35, #fe6475);
    --ct-sys-color-primary-fixed: light-dark(#ffdada, #ffdada);
    --ct-sys-color-primary-fixed-dim: light-dark(#edbabc, #edbabc);
    --ct-sys-color-primary-palette-key-color: light-dark(#d24356, #d24356);
    --ct-sys-color-scrim: light-dark(#000000, #000000);
    --ct-sys-color-secondary: light-dark(#786300, #e1c562);
    --ct-sys-color-secondary-container: light-dark(#f3e2b1, #4f4626);
    --ct-sys-color-secondary-dim: light-dark(#62510b, #fbe18e);
    --ct-sys-color-secondary-fixed: light-dark(#f3e2b1, #f3e2b1);
    --ct-sys-color-secondary-fixed-dim: light-dark(#d5c697, #d5c697);
    --ct-sys-color-secondary-palette-key-color: light-dark(#8a762f, #8a762f);
    --ct-sys-color-shadow: light-dark(#000000, #000000);
    --ct-sys-color-success: light-dark(#006d38, #a3d2ac);
    --ct-sys-color-success-container: light-dark(#d6e7d5, #005229);
    --ct-sys-color-surface: light-dark(#ffffff, #000000);
    --ct-sys-color-surface-bright: light-dark(#fff8f7, #413737);
    --ct-sys-color-surface-container: light-dark(#fceaea, #271d1e);
    --ct-sys-color-surface-container-high: light-dark(#f6e4e4, #322828);
    --ct-sys-color-surface-container-highest: light-dark(#f0dede, #3d3232);
    --ct-sys-color-surface-container-low: light-dark(#fff0f0, #22191a);
    --ct-sys-color-surface-container-lowest: light-dark(#ffffff, #140c0c);
    --ct-sys-color-surface-dim: light-dark(#e7d6d6, #1a1112);
    --ct-sys-color-surface-tint: light-dark(#b02a40, #ffb3b6);
    --ct-sys-color-surface-variant: light-dark(#f4dddd, #524343);
    --ct-sys-color-tertiary: light-dark(#00735c, #7cd8bb);
    --ct-sys-color-tertiary-container: light-dark(#c6eadc, #304c43);
    --ct-sys-color-tertiary-dim: light-dark(#155d4b, #baffe7);
    --ct-sys-color-tertiary-fixed: light-dark(#c6eadc, #c6eadc);
    --ct-sys-color-tertiary-fixed-dim: light-dark(#abcec0, #abcec0);
    --ct-sys-color-tertiary-palette-key-color: light-dark(#418370, #418370);
    --ct-sys-color-warning: light-dark(#845400, #e3c37e);
    --ct-sys-color-warning-container: light-dark(#f2e0c2, #643f00);
  }

  :root[data-page-anchor="amber"] {
    --ct-sys-color-background: light-dark(#ffffff, #000000);
    --ct-sys-color-error: light-dark(#ba1a1a, #ffb4ab);
    --ct-sys-color-error-container: light-dark(#ffdad6, #93000a);
    --ct-sys-color-error-dim: light-dark(#a80710, #ff554a);
    --ct-sys-color-information: light-dark(#006496, #a4cbee);
    --ct-sys-color-information-container: light-dark(#d7e4f2, #004b72);
    --ct-sys-color-inverse-on-surface: light-dark(#feeee4, #382f29);
    --ct-sys-color-inverse-primary: light-dark(#ffb783, #944b00);
    --ct-sys-color-inverse-surface: light-dark(#382f29, #f0dfd6);
    --ct-sys-color-neutral-palette-key-color: light-dark(#81756d, #81756d);
    --ct-sys-color-neutral-variant-palette-key-color: light-dark(#84746a, #84746a);
    --ct-sys-color-on-background: light-dark(#221a15, #f0dfd6);
    --ct-sys-color-on-error: light-dark(#ffffff, #690005);
    --ct-sys-color-on-error-container: light-dark(#93000a, #ffdad6);
    --ct-sys-color-on-information: light-dark(#ffffff, #003451);
    --ct-sys-color-on-information-container: light-dark(#004b72, #d7e4f2);
    --ct-sys-color-on-primary: light-dark(#ffffff, #4f2500);
    --ct-sys-color-on-primary-container: light-dark(#703700, #ffdcc5);
    --ct-sys-color-on-primary-fixed: light-dark(#301400, #301400);
    --ct-sys-color-on-primary-fixed-variant: light-dark(#703700, #703700);
    --ct-sys-color-on-secondary: light-dark(#ffffff, #193800);
    --ct-sys-color-on-secondary-container: light-dark(#275000, #9dfa4f);
    --ct-sys-color-on-secondary-fixed: light-dark(#0c2000, #0c2000);
    --ct-sys-color-on-secondary-fixed-variant: light-dark(#275000, #275000);
    --ct-sys-color-on-success: light-dark(#ffffff, #00391a);
    --ct-sys-color-on-success-container: light-dark(#005229, #d6e7d5);
    --ct-sys-color-on-surface: light-dark(#221a15, #f0dfd6);
    --ct-sys-color-on-surface-variant: light-dark(#52443b, #d6c3b7);
    --ct-sys-color-on-tertiary: light-dark(#ffffff, #00363f);
    --ct-sys-color-on-tertiary-container: light-dark(#004e5b, #a7edff);
    --ct-sys-color-on-tertiary-fixed: light-dark(#001f25, #001f25);
    --ct-sys-color-on-tertiary-fixed-variant: light-dark(#004e5b, #004e5b);
    --ct-sys-color-on-warning: light-dark(#ffffff, #3f2e00);
    --ct-sys-color-on-warning-container: light-dark(#5b4300, #f2e0c2);
    --ct-sys-color-outline: light-dark(#84746a, #9f8d83);
    --ct-sys-color-outline-variant: light-dark(#d6c3b7, #52443b);
    --ct-sys-color-primary: light-dark(#964c00, #feac6e);
    --ct-sys-color-primary-container: light-dark(#ffdcc5, #5d402c);
    --ct-sys-color-primary-dim: light-dark(#824100, #fe8501);
    --ct-sys-color-primary-fixed: light-dark(#ffdcc5, #ffdcc5);
    --ct-sys-color-primary-fixed-dim: light-dark(#ebbe9f, #ebbe9f);
    --ct-sys-color-primary-palette-key-color: light-dark(#fe8500, #fe8500);
    --ct-sys-color-scrim: light-dark(#000000, #000000);
    --ct-sys-color-secondary: light-dark(#3e691a, #aad386);
    --ct-sys-color-secondary-container: light-dark(#d7e8c2, #3d4a31);
    --ct-sys-color-secondary-dim: light-dark(#2e5d00, #92ef44);
    --ct-sys-color-secondary-fixed: light-dark(#d7e8c2, #d7e8c2);
    --ct-sys-color-secondary-fixed-dim: light-dark(#bbcca8, #bbcca8);
    --ct-sys-color-secondary-palette-key-color: light-dark(#63bb02, #63bb02);
    --ct-sys-color-shadow: light-dark(#000000, #000000);
    --ct-sys-color-success: light-dark(#006d38, #a3d2ac);
    --ct-sys-color-success-container: light-dark(#d6e7d5, #005229);
    --ct-sys-color-surface: light-dark(#ffffff, #000000);
    --ct-sys-color-surface-bright: light-dark(#fff8f5, #413731);
    --ct-sys-color-surface-container: light-dark(#fbebe1, #261e18);
    --ct-sys-color-surface-container-high: light-dark(#f5e5dc, #312822);
    --ct-sys-color-surface-container-highest: light-dark(#f0dfd6, #3c332d);
    --ct-sys-color-surface-container-low: light-dark(#fff1e9, #221a15);
    --ct-sys-color-surface-container-lowest: light-dark(#ffffff, #140d08);
    --ct-sys-color-surface-dim: light-dark(#e7d7ce, #19120d);
    --ct-sys-color-surface-tint: light-dark(#944b00, #ffb783);
    --ct-sys-color-surface-variant: light-dark(#f3dfd2, #52443b);
    --ct-sys-color-tertiary: light-dark(#007183, #76d3e9);
    --ct-sys-color-tertiary-container: light-dark(#c6e8f2, #2f4b52);
    --ct-sys-color-tertiary-dim: light-dark(#005b69, #56e0fc);
    --ct-sys-color-tertiary-fixed: light-dark(#c6e8f2, #c6e8f2);
    --ct-sys-color-tertiary-fixed-dim: light-dark(#aaccd5, #aaccd5);
    --ct-sys-color-tertiary-palette-key-color: light-dark(#01b6d1, #01b6d1);
    --ct-sys-color-warning: light-dark(#845400, #e3c37e);
    --ct-sys-color-warning-container: light-dark(#f2e0c2, #643f00);
  }

  :root[data-page-anchor="chartreuse"] {
    --ct-sys-color-background: light-dark(#ffffff, #000000);
    --ct-sys-color-error: light-dark(#ba1a1a, #ffb4ab);
    --ct-sys-color-error-container: light-dark(#ffdad6, #93000a);
    --ct-sys-color-error-dim: light-dark(#a80710, #ff554a);
    --ct-sys-color-information: light-dark(#006496, #a4cbee);
    --ct-sys-color-information-container: light-dark(#d7e4f2, #004b72);
    --ct-sys-color-inverse-on-surface: light-dark(#f8f0e2, #343027);
    --ct-sys-color-inverse-primary: light-dark(#ecc300, #715c00);
    --ct-sys-color-inverse-surface: light-dark(#343027, #e9e2d4);
    --ct-sys-color-neutral-palette-key-color: light-dark(#7c776c, #7c776c);
    --ct-sys-color-neutral-variant-palette-key-color: light-dark(#7d7768, #7d7768);
    --ct-sys-color-on-background: light-dark(#1e1b13, #e9e2d4);
    --ct-sys-color-on-error: light-dark(#ffffff, #690005);
    --ct-sys-color-on-error-container: light-dark(#93000a, #ffdad6);
    --ct-sys-color-on-information: light-dark(#ffffff, #003451);
    --ct-sys-color-on-information-container: light-dark(#004b72, #d7e4f2);
    --ct-sys-color-on-primary: light-dark(#ffffff, #3b2f00);
    --ct-sys-color-on-primary-container: light-dark(#564500, #ffe17b);
    --ct-sys-color-on-primary-fixed: light-dark(#231b00, #231b00);
    --ct-sys-color-on-primary-fixed-variant: light-dark(#564500, #564500);
    --ct-sys-color-on-secondary: light-dark(#ffffff, #00382b);
    --ct-sys-color-on-secondary-container: light-dark(#005140, #35fed0);
    --ct-sys-color-on-secondary-fixed: light-dark(#002018, #002018);
    --ct-sys-color-on-secondary-fixed-variant: light-dark(#005140, #005140);
    --ct-sys-color-on-success: light-dark(#ffffff, #00391a);
    --ct-sys-color-on-success-container: light-dark(#005229, #d6e7d5);
    --ct-sys-color-on-surface: light-dark(#1e1b13, #e9e2d4);
    --ct-sys-color-on-surface-variant: light-dark(#4b4639, #cec6b4);
    --ct-sys-color-on-tertiary: light-dark(#ffffff, #113252);
    --ct-sys-color-on-tertiary-container: light-dark(#2b486a, #d2e4ff);
    --ct-sys-color-on-tertiary-fixed: light-dark(#001c37, #001c37);
    --ct-sys-color-on-tertiary-fixed-variant: light-dark(#2b486a, #2b486a);
    --ct-sys-color-on-warning: light-dark(#ffffff, #3f2e00);
    --ct-sys-color-on-warning-container: light-dark(#5b4300, #f2e0c2);
    --ct-sys-color-outline: light-dark(#7d7767, #979080);
    --ct-sys-color-outline-variant: light-dark(#cec6b4, #4b4639);
    --ct-sys-color-primary: light-dark(#786200, #e2c562);
    --ct-sys-color-primary-container: light-dark(#f3e2b1, #504626);
    --ct-sys-color-primary-dim: light-dark(#635100, #fcd003);
    --ct-sys-color-primary-fixed: light-dark(#f3e2b1, #f3e2b1);
    --ct-sys-color-primary-fixed-dim: light-dark(#d6c697, #d6c697);
    --ct-sys-color-primary-palette-key-color: light-dark(#fcd002, #fcd002);
    --ct-sys-color-scrim: light-dark(#000000, #000000);
    --ct-sys-color-secondary: light-dark(#01735d, #7cd7bb);
    --ct-sys-color-secondary-container: light-dark(#c6eadc, #304c43);
    --ct-sys-color-secondary-dim: light-dark(#005e4b, #2ffbcd);
    --ct-sys-color-secondary-fixed: light-dark(#c6eadc, #c6eadc);
    --ct-sys-color-secondary-fixed-dim: light-dark(#abcec0, #abcec0);
    --ct-sys-color-secondary-palette-key-color: light-dark(#0df0c3, #0df0c3);
    --ct-sys-color-shadow: light-dark(#000000, #000000);
    --ct-sys-color-success: light-dark(#006d38, #a3d2ac);
    --ct-sys-color-success-container: light-dark(#d6e7d5, #005229);
    --ct-sys-color-surface: light-dark(#ffffff, #000000);
    --ct-sys-color-surface-bright: light-dark(#fff8ef, #3d392f);
    --ct-sys-color-surface-container: light-dark(#f5eddf, #221f17);
    --ct-sys-color-surface-container-high: light-dark(#efe7da, #2d2a21);
    --ct-sys-color-surface-container-highest: light-dark(#e9e2d4, #38342b);
    --ct-sys-color-surface-container-low: light-dark(#fbf3e5, #1e1b13);
    --ct-sys-color-surface-container-lowest: light-dark(#ffffff, #100e07);
    --ct-sys-color-surface-dim: light-dark(#e1d9cc, #16130b);
    --ct-sys-color-surface-tint: light-dark(#715c00, #ecc300);
    --ct-sys-color-surface-variant: light-dark(#ebe2cf, #4b4639);
    --ct-sys-color-tertiary: light-dark(#0a61a4, #94c3fd);
    --ct-sys-color-tertiary-container: light-dark(#d2e4fe, #3a475a);
    --ct-sys-color-tertiary-dim: light-dark(#375476, #aeccf4);
    --ct-sys-color-tertiary-fixed: light-dark(#d2e4fe, #d2e4fe);
    --ct-sys-color-tertiary-fixed-dim: light-dark(#b7c8e2, #b7c8e2);
    --ct-sys-color-tertiary-palette-key-color: light-dark(#5c799d, #5c799d);
    --ct-sys-color-warning: light-dark(#845400, #e3c37e);
    --ct-sys-color-warning-container: light-dark(#f2e0c2, #643f00);
  }

  :root[data-page-anchor="jade"] {
    --ct-sys-color-background: light-dark(#ffffff, #000000);
    --ct-sys-color-error: light-dark(#ba1a1a, #ffb4ab);
    --ct-sys-color-error-container: light-dark(#ffdad6, #93000a);
    --ct-sys-color-error-dim: light-dark(#a80710, #ff554a);
    --ct-sys-color-information: light-dark(#006496, #a4cbee);
    --ct-sys-color-information-container: light-dark(#d7e4f2, #004b72);
    --ct-sys-color-inverse-on-surface: light-dark(#f0f2e7, #2e312a);
    --ct-sys-color-inverse-primary: light-dark(#8cdb4c, #366b00);
    --ct-sys-color-inverse-surface: light-dark(#2e312a, #e2e3d9);
    --ct-sys-color-neutral-palette-key-color: light-dark(#75786f, #75786f);
    --ct-sys-color-neutral-variant-palette-key-color: light-dark(#74796d, #74796d);
    --ct-sys-color-on-background: light-dark(#1a1d16, #e2e3d9);
    --ct-sys-color-on-error: light-dark(#ffffff, #690005);
    --ct-sys-color-on-error-container: light-dark(#93000a, #ffdad6);
    --ct-sys-color-on-information: light-dark(#ffffff, #003451);
    --ct-sys-color-on-information-container: light-dark(#004b72, #d7e4f2);
    --ct-sys-color-on-primary: light-dark(#ffffff, #193800);
    --ct-sys-color-on-primary-container: light-dark(#275000, #a7f866);
    --ct-sys-color-on-primary-fixed: light-dark(#0c2000, #0c2000);
    --ct-sys-color-on-primary-fixed-variant: light-dark(#275000, #275000);
    --ct-sys-color-on-secondary: light-dark(#ffffff, #00363f);
    --ct-sys-color-on-secondary-container: light-dark(#004e5b, #a7edff);
    --ct-sys-color-on-secondary-fixed: light-dark(#001f25, #001f25);
    --ct-sys-color-on-secondary-fixed-variant: light-dark(#004e5b, #004e5b);
    --ct-sys-color-on-success: light-dark(#ffffff, #00391a);
    --ct-sys-color-on-success-container: light-dark(#005229, #d6e7d5);
    --ct-sys-color-on-surface: light-dark(#1a1d16, #e2e3d9);
    --ct-sys-color-on-surface-variant: light-dark(#44483e, #c4c8ba);
    --ct-sys-color-on-tertiary: light-dark(#ffffff, #330098);
    --ct-sys-color-on-tertiary-container: light-dark(#4a25b8, #e6deff);
    --ct-sys-color-on-tertiary-fixed: light-dark(#1d0061, #1d0061);
    --ct-sys-color-on-tertiary-fixed-variant: light-dark(#4a25b8, #4a25b8);
    --ct-sys-color-on-warning: light-dark(#ffffff, #3f2e00);
    --ct-sys-color-on-warning-container: light-dark(#5b4300, #f2e0c2);
    --ct-sys-color-outline: light-dark(#74796d, #8e9286);
    --ct-sys-color-outline-variant: light-dark(#c4c8ba, #44483e);
    --ct-sys-color-primary: light-dark(#3e691a, #aad387);
    --ct-sys-color-primary-container: light-dark(#d7e8c3, #3d4a31);
    --ct-sys-color-primary-dim: light-dark(#2e5d00, #a4f563);
    --ct-sys-color-primary-fixed: light-dark(#d7e8c3, #d7e8c3);
    --ct-sys-color-primary-fixed-dim: light-dark(#bbcca8, #bbcca8);
    --ct-sys-color-primary-palette-key-color: light-dark(#519a05, #519a05);
    --ct-sys-color-scrim: light-dark(#000000, #000000);
    --ct-sys-color-secondary: light-dark(#007183, #77d4e9);
    --ct-sys-color-secondary-container: light-dark(#c6e8f2, #2f4b52);
    --ct-sys-color-secondary-dim: light-dark(#005b69, #7be6fe);
    --ct-sys-color-secondary-fixed: light-dark(#c6e8f2, #c6e8f2);
    --ct-sys-color-secondary-fixed-dim: light-dark(#aaccd5, #aaccd5);
    --ct-sys-color-secondary-palette-key-color: light-dark(#0093a9, #0093a9);
    --ct-sys-color-shadow: light-dark(#000000, #000000);
    --ct-sys-color-success: light-dark(#006d38, #a3d2ac);
    --ct-sys-color-success-container: light-dark(#d6e7d5, #005229);
    --ct-sys-color-surface: light-dark(#ffffff, #000000);
    --ct-sys-color-surface-bright: light-dark(#f9faef, #373a33);
    --ct-sys-color-surface-container: light-dark(#edefe4, #1e211a);
    --ct-sys-color-surface-container-high: light-dark(#e7e9de, #282b24);
    --ct-sys-color-surface-container-highest: light-dark(#e2e3d9, #33362f);
    --ct-sys-color-surface-container-low: light-dark(#f3f5ea, #1a1d16);
    --ct-sys-color-surface-container-lowest: light-dark(#ffffff, #0c0f09);
    --ct-sys-color-surface-dim: light-dark(#d9dbd0, #11140e);
    --ct-sys-color-surface-tint: light-dark(#366b00, #8cdb4c);
    --ct-sys-color-surface-variant: light-dark(#e0e4d6, #44483e);
    --ct-sys-color-tertiary: light-dark(#6251a6, #c3b4fe);
    --ct-sys-color-tertiary-container: light-dark(#e6deff, #48445b);
    --ct-sys-color-tertiary-dim: light-dark(#5635c4, #967dff);
    --ct-sys-color-tertiary-fixed: light-dark(#e6deff, #e6deff);
    --ct-sys-color-tertiary-fixed-dim: light-dark(#cac2e3, #cac2e3);
    --ct-sys-color-tertiary-palette-key-color: light-dark(#7c5fec, #7c5fec);
    --ct-sys-color-warning: light-dark(#845400, #e3c37e);
    --ct-sys-color-warning-container: light-dark(#f2e0c2, #643f00);
  }

  :root[data-page-anchor="teal"] {
    --ct-sys-color-background: light-dark(#ffffff, #000000);
    --ct-sys-color-error: light-dark(#ba1a1a, #ffb4ab);
    --ct-sys-color-error-container: light-dark(#ffdad6, #93000a);
    --ct-sys-color-error-dim: light-dark(#a80710, #ff554a);
    --ct-sys-color-information: light-dark(#006496, #a4cbee);
    --ct-sys-color-information-container: light-dark(#d7e4f2, #004b72);
    --ct-sys-color-inverse-on-surface: light-dark(#ecf2ee, #2b322f);
    --ct-sys-color-inverse-primary: light-dark(#00e0b6, #006b56);
    --ct-sys-color-inverse-surface: light-dark(#2b322f, #dee4e0);
    --ct-sys-color-neutral-palette-key-color: light-dark(#727875, #727875);
    --ct-sys-color-neutral-variant-palette-key-color: light-dark(#6f7974, #6f7974);
    --ct-sys-color-on-background: light-dark(#171d1a, #dee4e0);
    --ct-sys-color-on-error: light-dark(#ffffff, #690005);
    --ct-sys-color-on-error-container: light-dark(#93000a, #ffdad6);
    --ct-sys-color-on-information: light-dark(#ffffff, #003451);
    --ct-sys-color-on-information-container: light-dark(#004b72, #d7e4f2);
    --ct-sys-color-on-primary: light-dark(#ffffff, #00382b);
    --ct-sys-color-on-primary-container: light-dark(#005140, #32fed0);
    --ct-sys-color-on-primary-fixed: light-dark(#002018, #002018);
    --ct-sys-color-on-primary-fixed-variant: light-dark(#005140, #005140);
    --ct-sys-color-on-secondary: light-dark(#ffffff, #123252);
    --ct-sys-color-on-secondary-container: light-dark(#2b4869, #d2e4ff);
    --ct-sys-color-on-secondary-fixed: light-dark(#001c37, #001c37);
    --ct-sys-color-on-secondary-fixed-variant: light-dark(#2b4869, #2b4869);
    --ct-sys-color-on-success: light-dark(#ffffff, #00391a);
    --ct-sys-color-on-success-container: light-dark(#005229, #d6e7d5);
    --ct-sys-color-on-surface: light-dark(#171d1a, #dee4e0);
    --ct-sys-color-on-surface-variant: light-dark(#3f4945, #bfc9c3);
    --ct-sys-color-on-tertiary: light-dark(#ffffff, #4b2047);
    --ct-sys-color-on-tertiary-container: light-dark(#64375f, #ffd7f5);
    --ct-sys-color-on-tertiary-fixed: light-dark(#330a31, #330a31);
    --ct-sys-color-on-tertiary-fixed-variant: light-dark(#64375f, #64375f);
    --ct-sys-color-on-warning: light-dark(#ffffff, #3f2e00);
    --ct-sys-color-on-warning-container: light-dark(#5b4300, #f2e0c2);
    --ct-sys-color-outline: light-dark(#6f7975, #89938e);
    --ct-sys-color-outline-variant: light-dark(#bfc9c3, #3f4945);
    --ct-sys-color-primary: light-dark(#01735d, #7cd7bb);
    --ct-sys-color-primary-container: light-dark(#c6eadc, #304c43);
    --ct-sys-color-primary-dim: light-dark(#005e4b, #10f3c5);
    --ct-sys-color-primary-fixed: light-dark(#c6eadc, #c6eadc);
    --ct-sys-color-primary-fixed-dim: light-dark(#abcec1, #abcec1);
    --ct-sys-color-primary-palette-key-color: light-dark(#00f0c3, #00f0c3);
    --ct-sys-color-scrim: light-dark(#000000, #000000);
    --ct-sys-color-secondary: light-dark(#0f60a4, #94c3fe);
    --ct-sys-color-secondary-container: light-dark(#d2e4fe, #39475a);
    --ct-sys-color-secondary-dim: light-dark(#385476, #bad7ff);
    --ct-sys-color-secondary-fixed: light-dark(#d2e4fe, #d2e4fe);
    --ct-sys-color-secondary-fixed-dim: light-dark(#b7c8e2, #b7c8e2);
    --ct-sys-color-secondary-palette-key-color: light-dark(#5d799d, #5d799d);
    --ct-sys-color-shadow: light-dark(#000000, #000000);
    --ct-sys-color-success: light-dark(#006d38, #a3d2ac);
    --ct-sys-color-success-container: light-dark(#d6e7d5, #005229);
    --ct-sys-color-surface: light-dark(#ffffff, #000000);
    --ct-sys-color-surface-bright: light-dark(#f5fbf6, #343b38);
    --ct-sys-color-surface-container: light-dark(#e9efeb, #1b211e);
    --ct-sys-color-surface-container-high: light-dark(#e3eae5, #252b29);
    --ct-sys-color-surface-container-highest: light-dark(#dee4e0, #303633);
    --ct-sys-color-surface-container-low: light-dark(#eff5f1, #171d1a);
    --ct-sys-color-surface-container-lowest: light-dark(#ffffff, #090f0d);
    --ct-sys-color-surface-dim: light-dark(#d5dbd7, #0f1512);
    --ct-sys-color-surface-tint: light-dark(#006b56, #00e0b6);
    --ct-sys-color-surface-variant: light-dark(#dbe5df, #3f4945);
    --ct-sys-color-tertiary: light-dark(#8a4485, #f6b0ea);
    --ct-sys-color-tertiary-container: light-dark(#fcd8f3, #574052);
    --ct-sys-color-tertiary-dim: light-dark(#71426b, #f8bced);
    --ct-sys-color-tertiary-fixed: light-dark(#fcd8f3, #fcd8f3);
    --ct-sys-color-tertiary-fixed-dim: light-dark(#dfbcd6, #dfbcd6);
    --ct-sys-color-tertiary-palette-key-color: light-dark(#9a6692, #9a6692);
    --ct-sys-color-warning: light-dark(#845400, #e3c37e);
    --ct-sys-color-warning-container: light-dark(#f2e0c2, #643f00);
  }

  :root[data-page-anchor="azure"] {
    --ct-sys-color-background: light-dark(#ffffff, #000000);
    --ct-sys-color-error: light-dark(#ba1a1a, #ffb4ab);
    --ct-sys-color-error-container: light-dark(#ffdad6, #93000a);
    --ct-sys-color-error-dim: light-dark(#a80710, #ff554a);
    --ct-sys-color-information: light-dark(#006496, #a4cbee);
    --ct-sys-color-information-container: light-dark(#d7e4f2, #004b72);
    --ct-sys-color-inverse-on-surface: light-dark(#ecf2f3, #2b3133);
    --ct-sys-color-inverse-primary: light-dark(#00d9fa, #006878);
    --ct-sys-color-inverse-surface: light-dark(#2b3133, #dee3e5);
    --ct-sys-color-neutral-palette-key-color: light-dark(#72787a, #72787a);
    --ct-sys-color-neutral-variant-palette-key-color: light-dark(#70797b, #70797b);
    --ct-sys-color-on-background: light-dark(#171d1e, #dee3e5);
    --ct-sys-color-on-error: light-dark(#ffffff, #690005);
    --ct-sys-color-on-error-container: light-dark(#93000a, #ffdad6);
    --ct-sys-color-on-information: light-dark(#ffffff, #003451);
    --ct-sys-color-on-information-container: light-dark(#004b72, #d7e4f2);
    --ct-sys-color-on-primary: light-dark(#ffffff, #00363f);
    --ct-sys-color-on-primary-container: light-dark(#004e5b, #a8edff);
    --ct-sys-color-on-primary-fixed: light-dark(#001f25, #001f25);
    --ct-sys-color-on-primary-fixed-variant: light-dark(#004e5b, #004e5b);
    --ct-sys-color-on-secondary: light-dark(#ffffff, #32295a);
    --ct-sys-color-on-secondary-container: light-dark(#493f72, #e7deff);
    --ct-sys-color-on-secondary-fixed: light-dark(#1d1244, #1d1244);
    --ct-sys-color-on-secondary-fixed-variant: light-dark(#493f72, #493f72);
    --ct-sys-color-on-success: light-dark(#ffffff, #00391a);
    --ct-sys-color-on-success-container: light-dark(#005229, #d6e7d5);
    --ct-sys-color-on-surface: light-dark(#171d1e, #dee3e5);
    --ct-sys-color-on-surface-variant: light-dark(#3f484b, #bfc8cb);
    --ct-sys-color-on-tertiary: light-dark(#ffffff, #4f2326);
    --ct-sys-color-on-tertiary-container: light-dark(#6a383c, #ffdada);
    --ct-sys-color-on-tertiary-fixed: light-dark(#350e12, #350e12);
    --ct-sys-color-on-tertiary-fixed-variant: light-dark(#6a383c, #6a383c);
    --ct-sys-color-on-warning: light-dark(#ffffff, #3f2e00);
    --ct-sys-color-on-warning-container: light-dark(#5b4300, #f2e0c2);
    --ct-sys-color-outline: light-dark(#6f797b, #899295);
    --ct-sys-color-outline-variant: light-dark(#bfc8cb, #3f484b);
    --ct-sys-color-primary: light-dark(#007183, #76d3e9);
    --ct-sys-color-primary-container: light-dark(#c6e8f2, #2f4b52);
    --ct-sys-color-primary-dim: light-dark(#005b6a, #00dcfd);
    --ct-sys-color-primary-fixed: light-dark(#c6e8f2, #c6e8f2);
    --ct-sys-color-primary-fixed-dim: light-dark(#aaccd5, #aaccd5);
    --ct-sys-color-primary-palette-key-color: light-dark(#00dcfd, #00dcfd);
    --ct-sys-color-scrim: light-dark(#000000, #000000);
    --ct-sys-color-secondary: light-dark(#6251a6, #c3b5ff);
    --ct-sys-color-secondary-container: light-dark(#e7deff, #48435b);
    --ct-sys-color-secondary-dim: light-dark(#554b7f, #cec1fd);
    --ct-sys-color-secondary-fixed: light-dark(#e7deff, #e7deff);
    --ct-sys-color-secondary-fixed-dim: light-dark(#cac2e3, #cac2e3);
    --ct-sys-color-secondary-palette-key-color: light-dark(#7a70a6, #7a70a6);
    --ct-sys-color-shadow: light-dark(#000000, #000000);
    --ct-sys-color-success: light-dark(#006d38, #a3d2ac);
    --ct-sys-color-success-container: light-dark(#d6e7d5, #005229);
    --ct-sys-color-surface: light-dark(#ffffff, #000000);
    --ct-sys-color-surface-bright: light-dark(#f5fafc, #343a3c);
    --ct-sys-color-surface-container: light-dark(#e9eff1, #1b2122);
    --ct-sys-color-surface-container-high: light-dark(#e4e9eb, #252b2d);
    --ct-sys-color-surface-container-highest: light-dark(#dee3e5, #303637);
    --ct-sys-color-surface-container-low: light-dark(#eff4f6, #171d1e);
    --ct-sys-color-surface-container-lowest: light-dark(#ffffff, #090f11);
    --ct-sys-color-surface-dim: light-dark(#d5dbdd, #0f1416);
    --ct-sys-color-surface-tint: light-dark(#006878, #00d9fa);
    --ct-sys-color-surface-variant: light-dark(#dbe4e7, #3f484b);
    --ct-sys-color-tertiary: light-dark(#9c4049, #ffa2a6);
    --ct-sys-color-tertiary-container: light-dark(#ffdada, #5f3e40);
    --ct-sys-color-tertiary-dim: light-dark(#774447, #fdb7ba);
    --ct-sys-color-tertiary-fixed: light-dark(#ffdada, #ffdada);
    --ct-sys-color-tertiary-fixed-dim: light-dark(#edbabb, #edbabb);
    --ct-sys-color-tertiary-palette-key-color: light-dark(#a1676a, #a1676a);
    --ct-sys-color-warning: light-dark(#845400, #e3c37e);
    --ct-sys-color-warning-container: light-dark(#f2e0c2, #643f00);
  }

  [data-anchor-scope="cobalt"] {
    --ct-sys-color-background: light-dark(#ffffff, #000000);
    --ct-sys-color-error: light-dark(#ba1a1a, #ffb4ab);
    --ct-sys-color-error-container: light-dark(#ffdad6, #93000a);
    --ct-sys-color-error-dim: light-dark(#a80710, #ff554a);
    --ct-sys-color-information: light-dark(#006496, #a4cbee);
    --ct-sys-color-information-container: light-dark(#d7e4f2, #004b72);
    --ct-sys-color-inverse-on-surface: light-dark(#eff0f7, #2e3135);
    --ct-sys-color-inverse-primary: light-dark(#a0c9ff, #0061a6);
    --ct-sys-color-inverse-surface: light-dark(#2e3135, #e1e2e8);
    --ct-sys-color-neutral-palette-key-color: light-dark(#75777d, #75777d);
    --ct-sys-color-neutral-variant-palette-key-color: light-dark(#73777f, #73777f);
    --ct-sys-color-on-background: light-dark(#191c20, #e1e2e8);
    --ct-sys-color-on-error: light-dark(#ffffff, #690005);
    --ct-sys-color-on-error-container: light-dark(#93000a, #ffdad6);
    --ct-sys-color-on-information: light-dark(#ffffff, #003451);
    --ct-sys-color-on-information-container: light-dark(#004b72, #d7e4f2);
    --ct-sys-color-on-primary: light-dark(#ffffff, #003259);
    --ct-sys-color-on-primary-container: light-dark(#00497f, #d2e4ff);
    --ct-sys-color-on-primary-fixed: light-dark(#001c37, #001c37);
    --ct-sys-color-on-primary-fixed-variant: light-dark(#00497f, #00497f);
    --ct-sys-color-on-secondary: light-dark(#ffffff, #5b005a);
    --ct-sys-color-on-secondary-container: light-dark(#810080, #ffd7f5);
    --ct-sys-color-on-secondary-fixed: light-dark(#380038, #380038);
    --ct-sys-color-on-secondary-fixed-variant: light-dark(#810080, #810080);
    --ct-sys-color-on-success: light-dark(#ffffff, #00391a);
    --ct-sys-color-on-success-container: light-dark(#005229, #d6e7d5);
    --ct-sys-color-on-surface: light-dark(#191c20, #e1e2e8);
    --ct-sys-color-on-surface-variant: light-dark(#43474e, #c3c6cf);
    --ct-sys-color-on-tertiary: light-dark(#ffffff, #4f2500);
    --ct-sys-color-on-tertiary-container: light-dark(#703700, #ffdcc5);
    --ct-sys-color-on-tertiary-fixed: light-dark(#301400, #301400);
    --ct-sys-color-on-tertiary-fixed-variant: light-dark(#703700, #703700);
    --ct-sys-color-on-warning: light-dark(#ffffff, #3f2e00);
    --ct-sys-color-on-warning-container: light-dark(#5b4300, #f2e0c2);
    --ct-sys-color-outline: light-dark(#73777f, #8d9199);
    --ct-sys-color-outline-variant: light-dark(#c3c6cf, #43474e);
    --ct-sys-color-primary: light-dark(#0b61a4, #94c2fd);
    --ct-sys-color-primary-container: light-dark(#d2e4fe, #3a485b);
    --ct-sys-color-primary-dim: light-dark(#005592, #0297fe);
    --ct-sys-color-primary-fixed: light-dark(#d2e4fe, #d2e4fe);
    --ct-sys-color-primary-fixed-dim: light-dark(#b6c7e1, #b6c7e1);
    --ct-sys-color-primary-palette-key-color: light-dark(#0397fe, #0397fe);
    --ct-sys-color-scrim: light-dark(#000000, #000000);
    --ct-sys-color-secondary: light-dark(#8b4484, #f6b0ea);
    --ct-sys-color-secondary-container: light-dark(#fcd8f3, #564052);
    --ct-sys-color-secondary-dim: light-dark(#950094, #ff20fc);
    --ct-sys-color-secondary-fixed: light-dark(#fcd8f3, #fcd8f3);
    --ct-sys-color-secondary-fixed-dim: light-dark(#dfbdd6, #dfbdd6);
    --ct-sys-color-secondary-palette-key-color: light-dark(#f505f3, #f505f3);
    --ct-sys-color-shadow: light-dark(#000000, #000000);
    --ct-sys-color-success: light-dark(#006d38, #a3d2ac);
    --ct-sys-color-success-container: light-dark(#d6e7d5, #005229);
    --ct-sys-color-surface: light-dark(#ffffff, #000000);
    --ct-sys-color-surface-bright: light-dark(#f8f9ff, #36393e);
    --ct-sys-color-surface-container: light-dark(#eceef4, #1d2024);
    --ct-sys-color-surface-container-high: light-dark(#e7e8ee, #272a2f);
    --ct-sys-color-surface-container-highest: light-dark(#e1e2e8, #32353a);
    --ct-sys-color-surface-container-low: light-dark(#f2f3fa, #191c20);
    --ct-sys-color-surface-container-lowest: light-dark(#ffffff, #0b0e13);
    --ct-sys-color-surface-dim: light-dark(#d8dae0, #111418);
    --ct-sys-color-surface-tint: light-dark(#0061a6, #a0c9ff);
    --ct-sys-color-surface-variant: light-dark(#dfe2eb, #43474e);
    --ct-sys-color-tertiary: light-dark(#964c00, #feac6e);
    --ct-sys-color-tertiary-container: light-dark(#ffdcc5, #5d402c);
    --ct-sys-color-tertiary-dim: light-dark(#824100, #f7851a);
    --ct-sys-color-tertiary-fixed: light-dark(#ffdcc5, #ffdcc5);
    --ct-sys-color-tertiary-fixed-dim: light-dark(#ebbe9f, #ebbe9f);
    --ct-sys-color-tertiary-palette-key-color: light-dark(#e37600, #e37600);
    --ct-sys-color-warning: light-dark(#845400, #e3c37e);
    --ct-sys-color-warning-container: light-dark(#f2e0c2, #643f00);
  }

  [data-anchor-scope="violet"] {
    --ct-sys-color-background: light-dark(#ffffff, #000000);
    --ct-sys-color-error: light-dark(#ba1a1a, #ffb4ab);
    --ct-sys-color-error-container: light-dark(#ffdad6, #93000a);
    --ct-sys-color-error-dim: light-dark(#a80710, #ff554a);
    --ct-sys-color-information: light-dark(#006496, #a4cbee);
    --ct-sys-color-information-container: light-dark(#d7e4f2, #004b72);
    --ct-sys-color-inverse-on-surface: light-dark(#f4eff7, #312f36);
    --ct-sys-color-inverse-primary: light-dark(#cbbeff, #6341d5);
    --ct-sys-color-inverse-surface: light-dark(#312f36, #e6e1e9);
    --ct-sys-color-neutral-palette-key-color: light-dark(#79767d, #79767d);
    --ct-sys-color-neutral-variant-palette-key-color: light-dark(#79757f, #79757f);
    --ct-sys-color-on-background: light-dark(#1c1b20, #e6e1e9);
    --ct-sys-color-on-error: light-dark(#ffffff, #690005);
    --ct-sys-color-on-error-container: light-dark(#93000a, #ffdad6);
    --ct-sys-color-on-information: light-dark(#ffffff, #003451);
    --ct-sys-color-on-information-container: light-dark(#004b72, #d7e4f2);
    --ct-sys-color-on-primary: light-dark(#ffffff, #330099);
    --ct-sys-color-on-primary-container: light-dark(#4a21bd, #e6deff);
    --ct-sys-color-on-primary-fixed: light-dark(#1d0061, #1d0061);
    --ct-sys-color-on-primary-fixed-variant: light-dark(#4a21bd, #4a21bd);
    --ct-sys-color-on-secondary: light-dark(#ffffff, #68001a);
    --ct-sys-color-on-secondary-container: light-dark(#920028, #ffdada);
    --ct-sys-color-on-secondary-fixed: light-dark(#40000c, #40000c);
    --ct-sys-color-on-secondary-fixed-variant: light-dark(#920028, #920028);
    --ct-sys-color-on-success: light-dark(#ffffff, #00391a);
    --ct-sys-color-on-success-container: light-dark(#005229, #d6e7d5);
    --ct-sys-color-on-surface: light-dark(#1c1b20, #e6e1e9);
    --ct-sys-color-on-surface-variant: light-dark(#48454e, #c9c4d0);
    --ct-sys-color-on-tertiary: light-dark(#ffffff, #3b2f00);
    --ct-sys-color-on-tertiary-container: light-dark(#554500, #ffe179);
    --ct-sys-color-on-tertiary-fixed: light-dark(#231b00, #231b00);
    --ct-sys-color-on-tertiary-fixed-variant: light-dark(#554500, #554500);
    --ct-sys-color-on-warning: light-dark(#ffffff, #3f2e00);
    --ct-sys-color-on-warning-container: light-dark(#5b4300, #f2e0c2);
    --ct-sys-color-outline: light-dark(#79757f, #938f99);
    --ct-sys-color-outline-variant: light-dark(#c9c4d0, #48454e);
    --ct-sys-color-primary: light-dark(#6251a6, #c4b6ff);
    --ct-sys-color-primary-container: light-dark(#e6deff, #48435b);
    --ct-sys-color-primary-dim: light-dark(#5632c9, #967dff);
    --ct-sys-color-primary-fixed: light-dark(#e6deff, #e6deff);
    --ct-sys-color-primary-fixed-dim: light-dark(#cac2e3, #cac2e3);
    --ct-sys-color-primary-palette-key-color: light-dark(#7c5df0, #7c5df0);
    --ct-sys-color-scrim: light-dark(#000000, #000000);
    --ct-sys-color-secondary: light-dark(#9c4049, #ffa7ab);
    --ct-sys-color-secondary-container: light-dark(#ffdada, #5f3e40);
    --ct-sys-color-secondary-dim: light-dark(#a8002f, #ff5269);
    --ct-sys-color-secondary-fixed: light-dark(#ffdada, #ffdada);
    --ct-sys-color-secondary-fixed-dim: light-dark(#edbabc, #edbabc);
    --ct-sys-color-secondary-palette-key-color: light-dark(#ec0848, #ec0848);
    --ct-sys-color-shadow: light-dark(#000000, #000000);
    --ct-sys-color-success: light-dark(#006d38, #a3d2ac);
    --ct-sys-color-success-container: light-dark(#d6e7d5, #005229);
    --ct-sys-color-surface: light-dark(#ffffff, #000000);
    --ct-sys-color-surface-bright: light-dark(#fdf8ff, #3a383e);
    --ct-sys-color-surface-container: light-dark(#f1ecf4, #201f24);
    --ct-sys-color-surface-container-high: light-dark(#ebe6ee, #2b292f);
    --ct-sys-color-surface-container-highest: light-dark(#e6e1e9, #36343a);
    --ct-sys-color-surface-container-low: light-dark(#f7f2fa, #1c1b20);
    --ct-sys-color-surface-container-lowest: light-dark(#ffffff, #0f0d13);
    --ct-sys-color-surface-dim: light-dark(#ddd8e0, #141318);
    --ct-sys-color-surface-tint: light-dark(#6341d5, #cbbeff);
    --ct-sys-color-surface-variant: light-dark(#e6e0ec, #48454e);
    --ct-sys-color-tertiary: light-dark(#786200, #e1c562);
    --ct-sys-color-tertiary-container: light-dark(#f2e2b1, #4f4626);
    --ct-sys-color-tertiary-dim: light-dark(#635100, #fad85e);
    --ct-sys-color-tertiary-fixed: light-dark(#f2e2b1, #f2e2b1);
    --ct-sys-color-tertiary-fixed-dim: light-dark(#d6c697, #d6c697);
    --ct-sys-color-tertiary-palette-key-color: light-dark(#9d8102, #9d8102);
    --ct-sys-color-warning: light-dark(#845400, #e3c37e);
    --ct-sys-color-warning-container: light-dark(#f2e0c2, #643f00);
  }

  [data-anchor-scope="magenta"] {
    --ct-sys-color-background: light-dark(#ffffff, #000000);
    --ct-sys-color-error: light-dark(#ba1a1a, #ffb4ab);
    --ct-sys-color-error-container: light-dark(#ffdad6, #93000a);
    --ct-sys-color-error-dim: light-dark(#a80710, #ff554a);
    --ct-sys-color-information: light-dark(#006496, #a4cbee);
    --ct-sys-color-information-container: light-dark(#d7e4f2, #004b72);
    --ct-sys-color-inverse-on-surface: light-dark(#faedf4, #352e33);
    --ct-sys-color-inverse-primary: light-dark(#ffabf2, #9e2a9a);
    --ct-sys-color-inverse-surface: light-dark(#352e33, #ecdfe5);
    --ct-sys-color-neutral-palette-key-color: light-dark(#7e747a, #7e747a);
    --ct-sys-color-neutral-variant-palette-key-color: light-dark(#80747c, #80747c);
    --ct-sys-color-on-background: light-dark(#201a1e, #ecdfe5);
    --ct-sys-color-on-error: light-dark(#ffffff, #690005);
    --ct-sys-color-on-error-container: light-dark(#93000a, #ffdad6);
    --ct-sys-color-on-information: light-dark(#ffffff, #003451);
    --ct-sys-color-on-information-container: light-dark(#004b72, #d7e4f2);
    --ct-sys-color-on-primary: light-dark(#ffffff, #5b005a);
    --ct-sys-color-on-primary-container: light-dark(#810180, #ffd7f5);
    --ct-sys-color-on-primary-fixed: light-dark(#380037, #380037);
    --ct-sys-color-on-primary-fixed-variant: light-dark(#810180, #810180);
    --ct-sys-color-on-secondary: light-dark(#ffffff, #4f2500);
    --ct-sys-color-on-secondary-container: light-dark(#703700, #ffdcc5);
    --ct-sys-color-on-secondary-fixed: light-dark(#301400, #301400);
    --ct-sys-color-on-secondary-fixed-variant: light-dark(#703700, #703700);
    --ct-sys-color-on-success: light-dark(#ffffff, #00391a);
    --ct-sys-color-on-success-container: light-dark(#005229, #d6e7d5);
    --ct-sys-color-on-surface: light-dark(#201a1e, #ecdfe5);
    --ct-sys-color-on-surface-variant: light-dark(#4e444b, #d1c2cb);
    --ct-sys-color-on-tertiary: light-dark(#ffffff, #193800);
    --ct-sys-color-on-tertiary-container: light-dark(#275000, #bdf291);
    --ct-sys-color-on-tertiary-fixed: light-dark(#0c2000, #0c2000);
    --ct-sys-color-on-tertiary-fixed-variant: light-dark(#275000, #275000);
    --ct-sys-color-on-warning: light-dark(#ffffff, #3f2e00);
    --ct-sys-color-on-warning-container: light-dark(#5b4300, #f2e0c2);
    --ct-sys-color-outline: light-dark(#80747b, #9a8d95);
    --ct-sys-color-outline-variant: light-dark(#d1c2cb, #4e444b);
    --ct-sys-color-primary: light-dark(#8b4484, #f6b0ea);
    --ct-sys-color-primary-container: light-dark(#fcd8f3, #564052);
    --ct-sys-color-primary-dim: light-dark(#8f198c, #f97cee);
    --ct-sys-color-primary-fixed: light-dark(#fcd8f3, #fcd8f3);
    --ct-sys-color-primary-fixed-dim: light-dark(#dfbdd6, #dfbdd6);
    --ct-sys-color-primary-palette-key-color: light-dark(#bc46b5, #bc46b5);
    --ct-sys-color-scrim: light-dark(#000000, #000000);
    --ct-sys-color-secondary: light-dark(#964c00, #feac6e);
    --ct-sys-color-secondary-container: light-dark(#ffdcc5, #5d402c);
    --ct-sys-color-secondary-dim: light-dark(#7f430b, #ffab6d);
    --ct-sys-color-secondary-fixed: light-dark(#ffdcc5, #ffdcc5);
    --ct-sys-color-secondary-fixed-dim: light-dark(#ebbe9f, #ebbe9f);
    --ct-sys-color-secondary-palette-key-color: light-dark(#ab662e, #ab662e);
    --ct-sys-color-shadow: light-dark(#000000, #000000);
    --ct-sys-color-success: light-dark(#006d38, #a3d2ac);
    --ct-sys-color-success-container: light-dark(#d6e7d5, #005229);
    --ct-sys-color-surface: light-dark(#ffffff, #000000);
    --ct-sys-color-surface-bright: light-dark(#fff7f9, #3e373c);
    --ct-sys-color-surface-container: light-dark(#f7eaf1, #241e22);
    --ct-sys-color-surface-container-high: light-dark(#f1e5eb, #2f282d);
    --ct-sys-color-surface-container-highest: light-dark(#ecdfe5, #3a3338);
    --ct-sys-color-surface-container-low: light-dark(#fdf0f6, #201a1e);
    --ct-sys-color-surface-container-lowest: light-dark(#ffffff, #120d11);
    --ct-sys-color-surface-dim: light-dark(#e3d7dd, #171216);
    --ct-sys-color-surface-tint: light-dark(#9e2a9a, #ffabf2);
    --ct-sys-color-surface-variant: light-dark(#eedee7, #4e444b);
    --ct-sys-color-tertiary: light-dark(#3e6919, #aad386);
    --ct-sys-color-tertiary-container: light-dark(#d7e9c3, #3d4a31);
    --ct-sys-color-tertiary-dim: light-dark(#325d0c, #c6fb99);
    --ct-sys-color-tertiary-fixed: light-dark(#d7e9c3, #d7e9c3);
    --ct-sys-color-tertiary-fixed-dim: light-dark(#bbcca8, #bbcca8);
    --ct-sys-color-tertiary-palette-key-color: light-dark(#568331, #568331);
    --ct-sys-color-warning: light-dark(#845400, #e3c37e);
    --ct-sys-color-warning-container: light-dark(#f2e0c2, #643f00);
  }

  [data-anchor-scope="vermilion"] {
    --ct-sys-color-background: light-dark(#ffffff, #000000);
    --ct-sys-color-error: light-dark(#ba1a1a, #ffb4ab);
    --ct-sys-color-error-container: light-dark(#ffdad6, #93000a);
    --ct-sys-color-error-dim: light-dark(#a80710, #ff554a);
    --ct-sys-color-information: light-dark(#006496, #a4cbee);
    --ct-sys-color-information-container: light-dark(#d7e4f2, #004b72);
    --ct-sys-color-inverse-on-surface: light-dark(#ffedec, #382e2e);
    --ct-sys-color-inverse-primary: light-dark(#ffb3b6, #b02a40);
    --ct-sys-color-inverse-surface: light-dark(#382e2e, #f0dede);
    --ct-sys-color-neutral-palette-key-color: light-dark(#827474, #827474);
    --ct-sys-color-neutral-variant-palette-key-color: light-dark(#857373, #857373);
    --ct-sys-color-on-background: light-dark(#22191a, #f0dede);
    --ct-sys-color-on-error: light-dark(#ffffff, #690005);
    --ct-sys-color-on-error-container: light-dark(#93000a, #ffdad6);
    --ct-sys-color-on-information: light-dark(#ffffff, #003451);
    --ct-sys-color-on-information-container: light-dark(#004b72, #d7e4f2);
    --ct-sys-color-on-primary: light-dark(#ffffff, #68001a);
    --ct-sys-color-on-primary-container: light-dark(#8f0c2a, #ffdada);
    --ct-sys-color-on-primary-fixed: light-dark(#40000d, #40000d);
    --ct-sys-color-on-primary-fixed-variant: light-dark(#8f0c2a, #8f0c2a);
    --ct-sys-color-on-secondary: light-dark(#ffffff, #3b2f00);
    --ct-sys-color-on-secondary-container: light-dark(#554500, #fbe18e);
    --ct-sys-color-on-secondary-fixed: light-dark(#231b00, #231b00);
    --ct-sys-color-on-secondary-fixed-variant: light-dark(#554500, #554500);
    --ct-sys-color-on-success: light-dark(#ffffff, #00391a);
    --ct-sys-color-on-success-container: light-dark(#005229, #d6e7d5);
    --ct-sys-color-on-surface: light-dark(#22191a, #f0dede);
    --ct-sys-color-on-surface-variant: light-dark(#524343, #d7c1c2);
    --ct-sys-color-on-tertiary: light-dark(#ffffff, #00382b);
    --ct-sys-color-on-tertiary-container: light-dark(#005140, #acf0d9);
    --ct-sys-color-on-tertiary-fixed: light-dark(#002018, #002018);
    --ct-sys-color-on-tertiary-fixed-variant: light-dark(#005140, #005140);
    --ct-sys-color-on-warning: light-dark(#ffffff, #3f2e00);
    --ct-sys-color-on-warning-container: light-dark(#5b4300, #f2e0c2);
    --ct-sys-color-outline: light-dark(#857373, #9f8c8c);
    --ct-sys-color-outline-variant: light-dark(#d7c1c2, #524343);
    --ct-sys-color-primary: light-dark(#9c404a, #ffa7ab);
    --ct-sys-color-primary-container: light-dark(#ffdada, #5f3e40);
    --ct-sys-color-primary-dim: light-dark(#9f1c35, #fe6475);
    --ct-sys-color-primary-fixed: light-dark(#ffdada, #ffdada);
    --ct-sys-color-primary-fixed-dim: light-dark(#edbabc, #edbabc);
    --ct-sys-color-primary-palette-key-color: light-dark(#d24356, #d24356);
    --ct-sys-color-scrim: light-dark(#000000, #000000);
    --ct-sys-color-secondary: light-dark(#786300, #e1c562);
    --ct-sys-color-secondary-container: light-dark(#f3e2b1, #4f4626);
    --ct-sys-color-secondary-dim: light-dark(#62510b, #fbe18e);
    --ct-sys-color-secondary-fixed: light-dark(#f3e2b1, #f3e2b1);
    --ct-sys-color-secondary-fixed-dim: light-dark(#d5c697, #d5c697);
    --ct-sys-color-secondary-palette-key-color: light-dark(#8a762f, #8a762f);
    --ct-sys-color-shadow: light-dark(#000000, #000000);
    --ct-sys-color-success: light-dark(#006d38, #a3d2ac);
    --ct-sys-color-success-container: light-dark(#d6e7d5, #005229);
    --ct-sys-color-surface: light-dark(#ffffff, #000000);
    --ct-sys-color-surface-bright: light-dark(#fff8f7, #413737);
    --ct-sys-color-surface-container: light-dark(#fceaea, #271d1e);
    --ct-sys-color-surface-container-high: light-dark(#f6e4e4, #322828);
    --ct-sys-color-surface-container-highest: light-dark(#f0dede, #3d3232);
    --ct-sys-color-surface-container-low: light-dark(#fff0f0, #22191a);
    --ct-sys-color-surface-container-lowest: light-dark(#ffffff, #140c0c);
    --ct-sys-color-surface-dim: light-dark(#e7d6d6, #1a1112);
    --ct-sys-color-surface-tint: light-dark(#b02a40, #ffb3b6);
    --ct-sys-color-surface-variant: light-dark(#f4dddd, #524343);
    --ct-sys-color-tertiary: light-dark(#00735c, #7cd8bb);
    --ct-sys-color-tertiary-container: light-dark(#c6eadc, #304c43);
    --ct-sys-color-tertiary-dim: light-dark(#155d4b, #baffe7);
    --ct-sys-color-tertiary-fixed: light-dark(#c6eadc, #c6eadc);
    --ct-sys-color-tertiary-fixed-dim: light-dark(#abcec0, #abcec0);
    --ct-sys-color-tertiary-palette-key-color: light-dark(#418370, #418370);
    --ct-sys-color-warning: light-dark(#845400, #e3c37e);
    --ct-sys-color-warning-container: light-dark(#f2e0c2, #643f00);
  }

  [data-anchor-scope="amber"] {
    --ct-sys-color-background: light-dark(#ffffff, #000000);
    --ct-sys-color-error: light-dark(#ba1a1a, #ffb4ab);
    --ct-sys-color-error-container: light-dark(#ffdad6, #93000a);
    --ct-sys-color-error-dim: light-dark(#a80710, #ff554a);
    --ct-sys-color-information: light-dark(#006496, #a4cbee);
    --ct-sys-color-information-container: light-dark(#d7e4f2, #004b72);
    --ct-sys-color-inverse-on-surface: light-dark(#feeee4, #382f29);
    --ct-sys-color-inverse-primary: light-dark(#ffb783, #944b00);
    --ct-sys-color-inverse-surface: light-dark(#382f29, #f0dfd6);
    --ct-sys-color-neutral-palette-key-color: light-dark(#81756d, #81756d);
    --ct-sys-color-neutral-variant-palette-key-color: light-dark(#84746a, #84746a);
    --ct-sys-color-on-background: light-dark(#221a15, #f0dfd6);
    --ct-sys-color-on-error: light-dark(#ffffff, #690005);
    --ct-sys-color-on-error-container: light-dark(#93000a, #ffdad6);
    --ct-sys-color-on-information: light-dark(#ffffff, #003451);
    --ct-sys-color-on-information-container: light-dark(#004b72, #d7e4f2);
    --ct-sys-color-on-primary: light-dark(#ffffff, #4f2500);
    --ct-sys-color-on-primary-container: light-dark(#703700, #ffdcc5);
    --ct-sys-color-on-primary-fixed: light-dark(#301400, #301400);
    --ct-sys-color-on-primary-fixed-variant: light-dark(#703700, #703700);
    --ct-sys-color-on-secondary: light-dark(#ffffff, #193800);
    --ct-sys-color-on-secondary-container: light-dark(#275000, #9dfa4f);
    --ct-sys-color-on-secondary-fixed: light-dark(#0c2000, #0c2000);
    --ct-sys-color-on-secondary-fixed-variant: light-dark(#275000, #275000);
    --ct-sys-color-on-success: light-dark(#ffffff, #00391a);
    --ct-sys-color-on-success-container: light-dark(#005229, #d6e7d5);
    --ct-sys-color-on-surface: light-dark(#221a15, #f0dfd6);
    --ct-sys-color-on-surface-variant: light-dark(#52443b, #d6c3b7);
    --ct-sys-color-on-tertiary: light-dark(#ffffff, #00363f);
    --ct-sys-color-on-tertiary-container: light-dark(#004e5b, #a7edff);
    --ct-sys-color-on-tertiary-fixed: light-dark(#001f25, #001f25);
    --ct-sys-color-on-tertiary-fixed-variant: light-dark(#004e5b, #004e5b);
    --ct-sys-color-on-warning: light-dark(#ffffff, #3f2e00);
    --ct-sys-color-on-warning-container: light-dark(#5b4300, #f2e0c2);
    --ct-sys-color-outline: light-dark(#84746a, #9f8d83);
    --ct-sys-color-outline-variant: light-dark(#d6c3b7, #52443b);
    --ct-sys-color-primary: light-dark(#964c00, #feac6e);
    --ct-sys-color-primary-container: light-dark(#ffdcc5, #5d402c);
    --ct-sys-color-primary-dim: light-dark(#824100, #fe8501);
    --ct-sys-color-primary-fixed: light-dark(#ffdcc5, #ffdcc5);
    --ct-sys-color-primary-fixed-dim: light-dark(#ebbe9f, #ebbe9f);
    --ct-sys-color-primary-palette-key-color: light-dark(#fe8500, #fe8500);
    --ct-sys-color-scrim: light-dark(#000000, #000000);
    --ct-sys-color-secondary: light-dark(#3e691a, #aad386);
    --ct-sys-color-secondary-container: light-dark(#d7e8c2, #3d4a31);
    --ct-sys-color-secondary-dim: light-dark(#2e5d00, #92ef44);
    --ct-sys-color-secondary-fixed: light-dark(#d7e8c2, #d7e8c2);
    --ct-sys-color-secondary-fixed-dim: light-dark(#bbcca8, #bbcca8);
    --ct-sys-color-secondary-palette-key-color: light-dark(#63bb02, #63bb02);
    --ct-sys-color-shadow: light-dark(#000000, #000000);
    --ct-sys-color-success: light-dark(#006d38, #a3d2ac);
    --ct-sys-color-success-container: light-dark(#d6e7d5, #005229);
    --ct-sys-color-surface: light-dark(#ffffff, #000000);
    --ct-sys-color-surface-bright: light-dark(#fff8f5, #413731);
    --ct-sys-color-surface-container: light-dark(#fbebe1, #261e18);
    --ct-sys-color-surface-container-high: light-dark(#f5e5dc, #312822);
    --ct-sys-color-surface-container-highest: light-dark(#f0dfd6, #3c332d);
    --ct-sys-color-surface-container-low: light-dark(#fff1e9, #221a15);
    --ct-sys-color-surface-container-lowest: light-dark(#ffffff, #140d08);
    --ct-sys-color-surface-dim: light-dark(#e7d7ce, #19120d);
    --ct-sys-color-surface-tint: light-dark(#944b00, #ffb783);
    --ct-sys-color-surface-variant: light-dark(#f3dfd2, #52443b);
    --ct-sys-color-tertiary: light-dark(#007183, #76d3e9);
    --ct-sys-color-tertiary-container: light-dark(#c6e8f2, #2f4b52);
    --ct-sys-color-tertiary-dim: light-dark(#005b69, #56e0fc);
    --ct-sys-color-tertiary-fixed: light-dark(#c6e8f2, #c6e8f2);
    --ct-sys-color-tertiary-fixed-dim: light-dark(#aaccd5, #aaccd5);
    --ct-sys-color-tertiary-palette-key-color: light-dark(#01b6d1, #01b6d1);
    --ct-sys-color-warning: light-dark(#845400, #e3c37e);
    --ct-sys-color-warning-container: light-dark(#f2e0c2, #643f00);
  }

  [data-anchor-scope="chartreuse"] {
    --ct-sys-color-background: light-dark(#ffffff, #000000);
    --ct-sys-color-error: light-dark(#ba1a1a, #ffb4ab);
    --ct-sys-color-error-container: light-dark(#ffdad6, #93000a);
    --ct-sys-color-error-dim: light-dark(#a80710, #ff554a);
    --ct-sys-color-information: light-dark(#006496, #a4cbee);
    --ct-sys-color-information-container: light-dark(#d7e4f2, #004b72);
    --ct-sys-color-inverse-on-surface: light-dark(#f8f0e2, #343027);
    --ct-sys-color-inverse-primary: light-dark(#ecc300, #715c00);
    --ct-sys-color-inverse-surface: light-dark(#343027, #e9e2d4);
    --ct-sys-color-neutral-palette-key-color: light-dark(#7c776c, #7c776c);
    --ct-sys-color-neutral-variant-palette-key-color: light-dark(#7d7768, #7d7768);
    --ct-sys-color-on-background: light-dark(#1e1b13, #e9e2d4);
    --ct-sys-color-on-error: light-dark(#ffffff, #690005);
    --ct-sys-color-on-error-container: light-dark(#93000a, #ffdad6);
    --ct-sys-color-on-information: light-dark(#ffffff, #003451);
    --ct-sys-color-on-information-container: light-dark(#004b72, #d7e4f2);
    --ct-sys-color-on-primary: light-dark(#ffffff, #3b2f00);
    --ct-sys-color-on-primary-container: light-dark(#564500, #ffe17b);
    --ct-sys-color-on-primary-fixed: light-dark(#231b00, #231b00);
    --ct-sys-color-on-primary-fixed-variant: light-dark(#564500, #564500);
    --ct-sys-color-on-secondary: light-dark(#ffffff, #00382b);
    --ct-sys-color-on-secondary-container: light-dark(#005140, #35fed0);
    --ct-sys-color-on-secondary-fixed: light-dark(#002018, #002018);
    --ct-sys-color-on-secondary-fixed-variant: light-dark(#005140, #005140);
    --ct-sys-color-on-success: light-dark(#ffffff, #00391a);
    --ct-sys-color-on-success-container: light-dark(#005229, #d6e7d5);
    --ct-sys-color-on-surface: light-dark(#1e1b13, #e9e2d4);
    --ct-sys-color-on-surface-variant: light-dark(#4b4639, #cec6b4);
    --ct-sys-color-on-tertiary: light-dark(#ffffff, #113252);
    --ct-sys-color-on-tertiary-container: light-dark(#2b486a, #d2e4ff);
    --ct-sys-color-on-tertiary-fixed: light-dark(#001c37, #001c37);
    --ct-sys-color-on-tertiary-fixed-variant: light-dark(#2b486a, #2b486a);
    --ct-sys-color-on-warning: light-dark(#ffffff, #3f2e00);
    --ct-sys-color-on-warning-container: light-dark(#5b4300, #f2e0c2);
    --ct-sys-color-outline: light-dark(#7d7767, #979080);
    --ct-sys-color-outline-variant: light-dark(#cec6b4, #4b4639);
    --ct-sys-color-primary: light-dark(#786200, #e2c562);
    --ct-sys-color-primary-container: light-dark(#f3e2b1, #504626);
    --ct-sys-color-primary-dim: light-dark(#635100, #fcd003);
    --ct-sys-color-primary-fixed: light-dark(#f3e2b1, #f3e2b1);
    --ct-sys-color-primary-fixed-dim: light-dark(#d6c697, #d6c697);
    --ct-sys-color-primary-palette-key-color: light-dark(#fcd002, #fcd002);
    --ct-sys-color-scrim: light-dark(#000000, #000000);
    --ct-sys-color-secondary: light-dark(#01735d, #7cd7bb);
    --ct-sys-color-secondary-container: light-dark(#c6eadc, #304c43);
    --ct-sys-color-secondary-dim: light-dark(#005e4b, #2ffbcd);
    --ct-sys-color-secondary-fixed: light-dark(#c6eadc, #c6eadc);
    --ct-sys-color-secondary-fixed-dim: light-dark(#abcec0, #abcec0);
    --ct-sys-color-secondary-palette-key-color: light-dark(#0df0c3, #0df0c3);
    --ct-sys-color-shadow: light-dark(#000000, #000000);
    --ct-sys-color-success: light-dark(#006d38, #a3d2ac);
    --ct-sys-color-success-container: light-dark(#d6e7d5, #005229);
    --ct-sys-color-surface: light-dark(#ffffff, #000000);
    --ct-sys-color-surface-bright: light-dark(#fff8ef, #3d392f);
    --ct-sys-color-surface-container: light-dark(#f5eddf, #221f17);
    --ct-sys-color-surface-container-high: light-dark(#efe7da, #2d2a21);
    --ct-sys-color-surface-container-highest: light-dark(#e9e2d4, #38342b);
    --ct-sys-color-surface-container-low: light-dark(#fbf3e5, #1e1b13);
    --ct-sys-color-surface-container-lowest: light-dark(#ffffff, #100e07);
    --ct-sys-color-surface-dim: light-dark(#e1d9cc, #16130b);
    --ct-sys-color-surface-tint: light-dark(#715c00, #ecc300);
    --ct-sys-color-surface-variant: light-dark(#ebe2cf, #4b4639);
    --ct-sys-color-tertiary: light-dark(#0a61a4, #94c3fd);
    --ct-sys-color-tertiary-container: light-dark(#d2e4fe, #3a475a);
    --ct-sys-color-tertiary-dim: light-dark(#375476, #aeccf4);
    --ct-sys-color-tertiary-fixed: light-dark(#d2e4fe, #d2e4fe);
    --ct-sys-color-tertiary-fixed-dim: light-dark(#b7c8e2, #b7c8e2);
    --ct-sys-color-tertiary-palette-key-color: light-dark(#5c799d, #5c799d);
    --ct-sys-color-warning: light-dark(#845400, #e3c37e);
    --ct-sys-color-warning-container: light-dark(#f2e0c2, #643f00);
  }

  [data-anchor-scope="jade"] {
    --ct-sys-color-background: light-dark(#ffffff, #000000);
    --ct-sys-color-error: light-dark(#ba1a1a, #ffb4ab);
    --ct-sys-color-error-container: light-dark(#ffdad6, #93000a);
    --ct-sys-color-error-dim: light-dark(#a80710, #ff554a);
    --ct-sys-color-information: light-dark(#006496, #a4cbee);
    --ct-sys-color-information-container: light-dark(#d7e4f2, #004b72);
    --ct-sys-color-inverse-on-surface: light-dark(#f0f2e7, #2e312a);
    --ct-sys-color-inverse-primary: light-dark(#8cdb4c, #366b00);
    --ct-sys-color-inverse-surface: light-dark(#2e312a, #e2e3d9);
    --ct-sys-color-neutral-palette-key-color: light-dark(#75786f, #75786f);
    --ct-sys-color-neutral-variant-palette-key-color: light-dark(#74796d, #74796d);
    --ct-sys-color-on-background: light-dark(#1a1d16, #e2e3d9);
    --ct-sys-color-on-error: light-dark(#ffffff, #690005);
    --ct-sys-color-on-error-container: light-dark(#93000a, #ffdad6);
    --ct-sys-color-on-information: light-dark(#ffffff, #003451);
    --ct-sys-color-on-information-container: light-dark(#004b72, #d7e4f2);
    --ct-sys-color-on-primary: light-dark(#ffffff, #193800);
    --ct-sys-color-on-primary-container: light-dark(#275000, #a7f866);
    --ct-sys-color-on-primary-fixed: light-dark(#0c2000, #0c2000);
    --ct-sys-color-on-primary-fixed-variant: light-dark(#275000, #275000);
    --ct-sys-color-on-secondary: light-dark(#ffffff, #00363f);
    --ct-sys-color-on-secondary-container: light-dark(#004e5b, #a7edff);
    --ct-sys-color-on-secondary-fixed: light-dark(#001f25, #001f25);
    --ct-sys-color-on-secondary-fixed-variant: light-dark(#004e5b, #004e5b);
    --ct-sys-color-on-success: light-dark(#ffffff, #00391a);
    --ct-sys-color-on-success-container: light-dark(#005229, #d6e7d5);
    --ct-sys-color-on-surface: light-dark(#1a1d16, #e2e3d9);
    --ct-sys-color-on-surface-variant: light-dark(#44483e, #c4c8ba);
    --ct-sys-color-on-tertiary: light-dark(#ffffff, #330098);
    --ct-sys-color-on-tertiary-container: light-dark(#4a25b8, #e6deff);
    --ct-sys-color-on-tertiary-fixed: light-dark(#1d0061, #1d0061);
    --ct-sys-color-on-tertiary-fixed-variant: light-dark(#4a25b8, #4a25b8);
    --ct-sys-color-on-warning: light-dark(#ffffff, #3f2e00);
    --ct-sys-color-on-warning-container: light-dark(#5b4300, #f2e0c2);
    --ct-sys-color-outline: light-dark(#74796d, #8e9286);
    --ct-sys-color-outline-variant: light-dark(#c4c8ba, #44483e);
    --ct-sys-color-primary: light-dark(#3e691a, #aad387);
    --ct-sys-color-primary-container: light-dark(#d7e8c3, #3d4a31);
    --ct-sys-color-primary-dim: light-dark(#2e5d00, #a4f563);
    --ct-sys-color-primary-fixed: light-dark(#d7e8c3, #d7e8c3);
    --ct-sys-color-primary-fixed-dim: light-dark(#bbcca8, #bbcca8);
    --ct-sys-color-primary-palette-key-color: light-dark(#519a05, #519a05);
    --ct-sys-color-scrim: light-dark(#000000, #000000);
    --ct-sys-color-secondary: light-dark(#007183, #77d4e9);
    --ct-sys-color-secondary-container: light-dark(#c6e8f2, #2f4b52);
    --ct-sys-color-secondary-dim: light-dark(#005b69, #7be6fe);
    --ct-sys-color-secondary-fixed: light-dark(#c6e8f2, #c6e8f2);
    --ct-sys-color-secondary-fixed-dim: light-dark(#aaccd5, #aaccd5);
    --ct-sys-color-secondary-palette-key-color: light-dark(#0093a9, #0093a9);
    --ct-sys-color-shadow: light-dark(#000000, #000000);
    --ct-sys-color-success: light-dark(#006d38, #a3d2ac);
    --ct-sys-color-success-container: light-dark(#d6e7d5, #005229);
    --ct-sys-color-surface: light-dark(#ffffff, #000000);
    --ct-sys-color-surface-bright: light-dark(#f9faef, #373a33);
    --ct-sys-color-surface-container: light-dark(#edefe4, #1e211a);
    --ct-sys-color-surface-container-high: light-dark(#e7e9de, #282b24);
    --ct-sys-color-surface-container-highest: light-dark(#e2e3d9, #33362f);
    --ct-sys-color-surface-container-low: light-dark(#f3f5ea, #1a1d16);
    --ct-sys-color-surface-container-lowest: light-dark(#ffffff, #0c0f09);
    --ct-sys-color-surface-dim: light-dark(#d9dbd0, #11140e);
    --ct-sys-color-surface-tint: light-dark(#366b00, #8cdb4c);
    --ct-sys-color-surface-variant: light-dark(#e0e4d6, #44483e);
    --ct-sys-color-tertiary: light-dark(#6251a6, #c3b4fe);
    --ct-sys-color-tertiary-container: light-dark(#e6deff, #48445b);
    --ct-sys-color-tertiary-dim: light-dark(#5635c4, #967dff);
    --ct-sys-color-tertiary-fixed: light-dark(#e6deff, #e6deff);
    --ct-sys-color-tertiary-fixed-dim: light-dark(#cac2e3, #cac2e3);
    --ct-sys-color-tertiary-palette-key-color: light-dark(#7c5fec, #7c5fec);
    --ct-sys-color-warning: light-dark(#845400, #e3c37e);
    --ct-sys-color-warning-container: light-dark(#f2e0c2, #643f00);
  }

  [data-anchor-scope="teal"] {
    --ct-sys-color-background: light-dark(#ffffff, #000000);
    --ct-sys-color-error: light-dark(#ba1a1a, #ffb4ab);
    --ct-sys-color-error-container: light-dark(#ffdad6, #93000a);
    --ct-sys-color-error-dim: light-dark(#a80710, #ff554a);
    --ct-sys-color-information: light-dark(#006496, #a4cbee);
    --ct-sys-color-information-container: light-dark(#d7e4f2, #004b72);
    --ct-sys-color-inverse-on-surface: light-dark(#ecf2ee, #2b322f);
    --ct-sys-color-inverse-primary: light-dark(#00e0b6, #006b56);
    --ct-sys-color-inverse-surface: light-dark(#2b322f, #dee4e0);
    --ct-sys-color-neutral-palette-key-color: light-dark(#727875, #727875);
    --ct-sys-color-neutral-variant-palette-key-color: light-dark(#6f7974, #6f7974);
    --ct-sys-color-on-background: light-dark(#171d1a, #dee4e0);
    --ct-sys-color-on-error: light-dark(#ffffff, #690005);
    --ct-sys-color-on-error-container: light-dark(#93000a, #ffdad6);
    --ct-sys-color-on-information: light-dark(#ffffff, #003451);
    --ct-sys-color-on-information-container: light-dark(#004b72, #d7e4f2);
    --ct-sys-color-on-primary: light-dark(#ffffff, #00382b);
    --ct-sys-color-on-primary-container: light-dark(#005140, #32fed0);
    --ct-sys-color-on-primary-fixed: light-dark(#002018, #002018);
    --ct-sys-color-on-primary-fixed-variant: light-dark(#005140, #005140);
    --ct-sys-color-on-secondary: light-dark(#ffffff, #123252);
    --ct-sys-color-on-secondary-container: light-dark(#2b4869, #d2e4ff);
    --ct-sys-color-on-secondary-fixed: light-dark(#001c37, #001c37);
    --ct-sys-color-on-secondary-fixed-variant: light-dark(#2b4869, #2b4869);
    --ct-sys-color-on-success: light-dark(#ffffff, #00391a);
    --ct-sys-color-on-success-container: light-dark(#005229, #d6e7d5);
    --ct-sys-color-on-surface: light-dark(#171d1a, #dee4e0);
    --ct-sys-color-on-surface-variant: light-dark(#3f4945, #bfc9c3);
    --ct-sys-color-on-tertiary: light-dark(#ffffff, #4b2047);
    --ct-sys-color-on-tertiary-container: light-dark(#64375f, #ffd7f5);
    --ct-sys-color-on-tertiary-fixed: light-dark(#330a31, #330a31);
    --ct-sys-color-on-tertiary-fixed-variant: light-dark(#64375f, #64375f);
    --ct-sys-color-on-warning: light-dark(#ffffff, #3f2e00);
    --ct-sys-color-on-warning-container: light-dark(#5b4300, #f2e0c2);
    --ct-sys-color-outline: light-dark(#6f7975, #89938e);
    --ct-sys-color-outline-variant: light-dark(#bfc9c3, #3f4945);
    --ct-sys-color-primary: light-dark(#01735d, #7cd7bb);
    --ct-sys-color-primary-container: light-dark(#c6eadc, #304c43);
    --ct-sys-color-primary-dim: light-dark(#005e4b, #10f3c5);
    --ct-sys-color-primary-fixed: light-dark(#c6eadc, #c6eadc);
    --ct-sys-color-primary-fixed-dim: light-dark(#abcec1, #abcec1);
    --ct-sys-color-primary-palette-key-color: light-dark(#00f0c3, #00f0c3);
    --ct-sys-color-scrim: light-dark(#000000, #000000);
    --ct-sys-color-secondary: light-dark(#0f60a4, #94c3fe);
    --ct-sys-color-secondary-container: light-dark(#d2e4fe, #39475a);
    --ct-sys-color-secondary-dim: light-dark(#385476, #bad7ff);
    --ct-sys-color-secondary-fixed: light-dark(#d2e4fe, #d2e4fe);
    --ct-sys-color-secondary-fixed-dim: light-dark(#b7c8e2, #b7c8e2);
    --ct-sys-color-secondary-palette-key-color: light-dark(#5d799d, #5d799d);
    --ct-sys-color-shadow: light-dark(#000000, #000000);
    --ct-sys-color-success: light-dark(#006d38, #a3d2ac);
    --ct-sys-color-success-container: light-dark(#d6e7d5, #005229);
    --ct-sys-color-surface: light-dark(#ffffff, #000000);
    --ct-sys-color-surface-bright: light-dark(#f5fbf6, #343b38);
    --ct-sys-color-surface-container: light-dark(#e9efeb, #1b211e);
    --ct-sys-color-surface-container-high: light-dark(#e3eae5, #252b29);
    --ct-sys-color-surface-container-highest: light-dark(#dee4e0, #303633);
    --ct-sys-color-surface-container-low: light-dark(#eff5f1, #171d1a);
    --ct-sys-color-surface-container-lowest: light-dark(#ffffff, #090f0d);
    --ct-sys-color-surface-dim: light-dark(#d5dbd7, #0f1512);
    --ct-sys-color-surface-tint: light-dark(#006b56, #00e0b6);
    --ct-sys-color-surface-variant: light-dark(#dbe5df, #3f4945);
    --ct-sys-color-tertiary: light-dark(#8a4485, #f6b0ea);
    --ct-sys-color-tertiary-container: light-dark(#fcd8f3, #574052);
    --ct-sys-color-tertiary-dim: light-dark(#71426b, #f8bced);
    --ct-sys-color-tertiary-fixed: light-dark(#fcd8f3, #fcd8f3);
    --ct-sys-color-tertiary-fixed-dim: light-dark(#dfbcd6, #dfbcd6);
    --ct-sys-color-tertiary-palette-key-color: light-dark(#9a6692, #9a6692);
    --ct-sys-color-warning: light-dark(#845400, #e3c37e);
    --ct-sys-color-warning-container: light-dark(#f2e0c2, #643f00);
  }

  [data-anchor-scope="azure"] {
    --ct-sys-color-background: light-dark(#ffffff, #000000);
    --ct-sys-color-error: light-dark(#ba1a1a, #ffb4ab);
    --ct-sys-color-error-container: light-dark(#ffdad6, #93000a);
    --ct-sys-color-error-dim: light-dark(#a80710, #ff554a);
    --ct-sys-color-information: light-dark(#006496, #a4cbee);
    --ct-sys-color-information-container: light-dark(#d7e4f2, #004b72);
    --ct-sys-color-inverse-on-surface: light-dark(#ecf2f3, #2b3133);
    --ct-sys-color-inverse-primary: light-dark(#00d9fa, #006878);
    --ct-sys-color-inverse-surface: light-dark(#2b3133, #dee3e5);
    --ct-sys-color-neutral-palette-key-color: light-dark(#72787a, #72787a);
    --ct-sys-color-neutral-variant-palette-key-color: light-dark(#70797b, #70797b);
    --ct-sys-color-on-background: light-dark(#171d1e, #dee3e5);
    --ct-sys-color-on-error: light-dark(#ffffff, #690005);
    --ct-sys-color-on-error-container: light-dark(#93000a, #ffdad6);
    --ct-sys-color-on-information: light-dark(#ffffff, #003451);
    --ct-sys-color-on-information-container: light-dark(#004b72, #d7e4f2);
    --ct-sys-color-on-primary: light-dark(#ffffff, #00363f);
    --ct-sys-color-on-primary-container: light-dark(#004e5b, #a8edff);
    --ct-sys-color-on-primary-fixed: light-dark(#001f25, #001f25);
    --ct-sys-color-on-primary-fixed-variant: light-dark(#004e5b, #004e5b);
    --ct-sys-color-on-secondary: light-dark(#ffffff, #32295a);
    --ct-sys-color-on-secondary-container: light-dark(#493f72, #e7deff);
    --ct-sys-color-on-secondary-fixed: light-dark(#1d1244, #1d1244);
    --ct-sys-color-on-secondary-fixed-variant: light-dark(#493f72, #493f72);
    --ct-sys-color-on-success: light-dark(#ffffff, #00391a);
    --ct-sys-color-on-success-container: light-dark(#005229, #d6e7d5);
    --ct-sys-color-on-surface: light-dark(#171d1e, #dee3e5);
    --ct-sys-color-on-surface-variant: light-dark(#3f484b, #bfc8cb);
    --ct-sys-color-on-tertiary: light-dark(#ffffff, #4f2326);
    --ct-sys-color-on-tertiary-container: light-dark(#6a383c, #ffdada);
    --ct-sys-color-on-tertiary-fixed: light-dark(#350e12, #350e12);
    --ct-sys-color-on-tertiary-fixed-variant: light-dark(#6a383c, #6a383c);
    --ct-sys-color-on-warning: light-dark(#ffffff, #3f2e00);
    --ct-sys-color-on-warning-container: light-dark(#5b4300, #f2e0c2);
    --ct-sys-color-outline: light-dark(#6f797b, #899295);
    --ct-sys-color-outline-variant: light-dark(#bfc8cb, #3f484b);
    --ct-sys-color-primary: light-dark(#007183, #76d3e9);
    --ct-sys-color-primary-container: light-dark(#c6e8f2, #2f4b52);
    --ct-sys-color-primary-dim: light-dark(#005b6a, #00dcfd);
    --ct-sys-color-primary-fixed: light-dark(#c6e8f2, #c6e8f2);
    --ct-sys-color-primary-fixed-dim: light-dark(#aaccd5, #aaccd5);
    --ct-sys-color-primary-palette-key-color: light-dark(#00dcfd, #00dcfd);
    --ct-sys-color-scrim: light-dark(#000000, #000000);
    --ct-sys-color-secondary: light-dark(#6251a6, #c3b5ff);
    --ct-sys-color-secondary-container: light-dark(#e7deff, #48435b);
    --ct-sys-color-secondary-dim: light-dark(#554b7f, #cec1fd);
    --ct-sys-color-secondary-fixed: light-dark(#e7deff, #e7deff);
    --ct-sys-color-secondary-fixed-dim: light-dark(#cac2e3, #cac2e3);
    --ct-sys-color-secondary-palette-key-color: light-dark(#7a70a6, #7a70a6);
    --ct-sys-color-shadow: light-dark(#000000, #000000);
    --ct-sys-color-success: light-dark(#006d38, #a3d2ac);
    --ct-sys-color-success-container: light-dark(#d6e7d5, #005229);
    --ct-sys-color-surface: light-dark(#ffffff, #000000);
    --ct-sys-color-surface-bright: light-dark(#f5fafc, #343a3c);
    --ct-sys-color-surface-container: light-dark(#e9eff1, #1b2122);
    --ct-sys-color-surface-container-high: light-dark(#e4e9eb, #252b2d);
    --ct-sys-color-surface-container-highest: light-dark(#dee3e5, #303637);
    --ct-sys-color-surface-container-low: light-dark(#eff4f6, #171d1e);
    --ct-sys-color-surface-container-lowest: light-dark(#ffffff, #090f11);
    --ct-sys-color-surface-dim: light-dark(#d5dbdd, #0f1416);
    --ct-sys-color-surface-tint: light-dark(#006878, #00d9fa);
    --ct-sys-color-surface-variant: light-dark(#dbe4e7, #3f484b);
    --ct-sys-color-tertiary: light-dark(#9c4049, #ffa2a6);
    --ct-sys-color-tertiary-container: light-dark(#ffdada, #5f3e40);
    --ct-sys-color-tertiary-dim: light-dark(#774447, #fdb7ba);
    --ct-sys-color-tertiary-fixed: light-dark(#ffdada, #ffdada);
    --ct-sys-color-tertiary-fixed-dim: light-dark(#edbabb, #edbabb);
    --ct-sys-color-tertiary-palette-key-color: light-dark(#a1676a, #a1676a);
    --ct-sys-color-warning: light-dark(#845400, #e3c37e);
    --ct-sys-color-warning-container: light-dark(#f2e0c2, #643f00);
  }

  [data-framework-card="web"] {
    --ct-sys-color-background: light-dark(#fff9eb, #15130c);
    --ct-sys-color-error: light-dark(#ba1a1a, #ffb4ab);
    --ct-sys-color-error-container: light-dark(#ffdad6, #93000a);
    --ct-sys-color-error-dim: light-dark(#a80710, #ff554a);
    --ct-sys-color-information: light-dark(#006496, #a4cbee);
    --ct-sys-color-information-container: light-dark(#d7e4f2, #004b72);
    --ct-sys-color-inverse-on-surface: light-dark(#f6f0e2, #333027);
    --ct-sys-color-inverse-primary: light-dark(#dec800, #6a5f00);
    --ct-sys-color-inverse-surface: light-dark(#333027, #e8e2d5);
    --ct-sys-color-neutral-palette-key-color: light-dark(#7a776c, #7a776c);
    --ct-sys-color-neutral-variant-palette-key-color: light-dark(#7b7768, #7b7768);
    --ct-sys-color-on-background: light-dark(#1d1c13, #e8e2d5);
    --ct-sys-color-on-error: light-dark(#ffffff, #690005);
    --ct-sys-color-on-error-container: light-dark(#93000a, #ffdad6);
    --ct-sys-color-on-information: light-dark(#ffffff, #003451);
    --ct-sys-color-on-information-container: light-dark(#004b72, #d7e4f2);
    --ct-sys-color-on-primary: light-dark(#ffffff, #373100);
    --ct-sys-color-on-primary-container: light-dark(#504700, #fce425);
    --ct-sys-color-on-primary-fixed: light-dark(#201c00, #201c00);
    --ct-sys-color-on-primary-fixed-variant: light-dark(#504700, #504700);
    --ct-sys-color-on-secondary: light-dark(#ffffff, #003730);
    --ct-sys-color-on-secondary-container: light-dark(#005046, #39fde1);
    --ct-sys-color-on-secondary-fixed: light-dark(#00201b, #00201b);
    --ct-sys-color-on-secondary-fixed-variant: light-dark(#005046, #005046);
    --ct-sys-color-on-success: light-dark(#ffffff, #00391a);
    --ct-sys-color-on-success-container: light-dark(#005229, #d6e7d5);
    --ct-sys-color-on-surface: light-dark(#1d1c13, #e8e2d5);
    --ct-sys-color-on-surface-variant: light-dark(#4a4739, #ccc6b5);
    --ct-sys-color-on-tertiary: light-dark(#ffffff, #223149);
    --ct-sys-color-on-tertiary-container: light-dark(#394760, #d6e3ff);
    --ct-sys-color-on-tertiary-fixed: light-dark(#0c1c33, #0c1c33);
    --ct-sys-color-on-tertiary-fixed-variant: light-dark(#394760, #394760);
    --ct-sys-color-on-warning: light-dark(#ffffff, #3f2e00);
    --ct-sys-color-on-warning-container: light-dark(#5b4300, #f2e0c2);
    --ct-sys-color-outline: light-dark(#7b7768, #959181);
    --ct-sys-color-outline-variant: light-dark(#ccc6b5, #4a4739);
    --ct-sys-color-primary: light-dark(#716500, #d7c866);
    --ct-sys-color-primary-container: light-dark(#ede3b3, #4c4727);
    --ct-sys-color-primary-dim: light-dark(#5d5300, #fce425);
    --ct-sys-color-primary-fixed: light-dark(#ede3b3, #ede3b3);
    --ct-sys-color-primary-fixed-dim: light-dark(#d0c799, #d0c799);
    --ct-sys-color-primary-palette-key-color: light-dark(#ead303, #ead303);
    --ct-sys-color-scrim: light-dark(#000000, #000000);
    --ct-sys-color-secondary: light-dark(#007365, #77d8c5);
    --ct-sys-color-secondary-container: light-dark(#c5ebe1, #2f4c46);
    --ct-sys-color-secondary-dim: light-dark(#005d52, #39fde1);
    --ct-sys-color-secondary-fixed: light-dark(#c5ebe1, #c5ebe1);
    --ct-sys-color-secondary-fixed-dim: light-dark(#aacec5, #aacec5);
    --ct-sys-color-secondary-palette-key-color: light-dark(#01ebd0, #01ebd0);
    --ct-sys-color-shadow: light-dark(#000000, #000000);
    --ct-sys-color-success: light-dark(#006d38, #a3d2ac);
    --ct-sys-color-success-container: light-dark(#d6e7d5, #005229);
    --ct-sys-color-surface: light-dark(#fff9eb, #15130c);
    --ct-sys-color-surface-bright: light-dark(#fff9eb, #3b3930);
    --ct-sys-color-surface-container: light-dark(#f3ede0, #212017);
    --ct-sys-color-surface-container-high: light-dark(#ede8da, #2c2a21);
    --ct-sys-color-surface-container-highest: light-dark(#e8e2d5, #37352c);
    --ct-sys-color-surface-container-low: light-dark(#f9f3e5, #1d1c13);
    --ct-sys-color-surface-container-lowest: light-dark(#ffffff, #100e07);
    --ct-sys-color-surface-dim: light-dark(#dfdacc, #15130c);
    --ct-sys-color-surface-tint: light-dark(#6a5f00, #dec800);
    --ct-sys-color-surface-variant: light-dark(#e8e2d0, #4a4739);
    --ct-sys-color-tertiary: light-dark(#285ea7, #9bbfff);
    --ct-sys-color-tertiary-container: light-dark(#d6e3ff, #263144);
    --ct-sys-color-tertiary-dim: light-dark(#45536d, #cfddfd);
    --ct-sys-color-tertiary-fixed: light-dark(#d6e3ff, #d6e3ff);
    --ct-sys-color-tertiary-fixed-dim: light-dark(#bac7e3, #bac7e3);
    --ct-sys-color-tertiary-palette-key-color: light-dark(#697793, #697793);
    --ct-sys-color-warning: light-dark(#845400, #e3c37e);
    --ct-sys-color-warning-container: light-dark(#f2e0c2, #643f00);
  }

  [data-framework-card="react"] {
    --ct-sys-color-background: light-dark(#f5fafd, #0f1416);
    --ct-sys-color-error: light-dark(#ba1a1a, #ffb4ab);
    --ct-sys-color-error-container: light-dark(#ffdad6, #93000a);
    --ct-sys-color-error-dim: light-dark(#a80710, #ff554a);
    --ct-sys-color-information: light-dark(#006496, #a4cbee);
    --ct-sys-color-information-container: light-dark(#d7e4f2, #004b72);
    --ct-sys-color-inverse-on-surface: light-dark(#ecf1f4, #2c3133);
    --ct-sys-color-inverse-primary: light-dark(#5cd5f6, #00677c);
    --ct-sys-color-inverse-surface: light-dark(#2c3133, #dee3e6);
    --ct-sys-color-neutral-palette-key-color: light-dark(#72787a, #72787a);
    --ct-sys-color-neutral-variant-palette-key-color: light-dark(#6f787c, #6f787c);
    --ct-sys-color-on-background: light-dark(#171c1e, #dee3e6);
    --ct-sys-color-on-error: light-dark(#ffffff, #690005);
    --ct-sys-color-on-error-container: light-dark(#93000a, #ffdad6);
    --ct-sys-color-on-information: light-dark(#ffffff, #003451);
    --ct-sys-color-on-information-container: light-dark(#004b72, #d7e4f2);
    --ct-sys-color-on-primary: light-dark(#ffffff, #003641);
    --ct-sys-color-on-primary-container: light-dark(#004e5e, #b1ecff);
    --ct-sys-color-on-primary-fixed: light-dark(#001f27, #001f27);
    --ct-sys-color-on-primary-fixed-variant: light-dark(#004e5e, #004e5e);
    --ct-sys-color-on-secondary: light-dark(#ffffff, #362856);
    --ct-sys-color-on-secondary-container: light-dark(#4c3f6e, #e9ddff);
    --ct-sys-color-on-secondary-fixed: light-dark(#201240, #201240);
    --ct-sys-color-on-secondary-fixed-variant: light-dark(#4c3f6e, #4c3f6e);
    --ct-sys-color-on-success: light-dark(#ffffff, #00391a);
    --ct-sys-color-on-success-container: light-dark(#005229, #d6e7d5);
    --ct-sys-color-on-surface: light-dark(#171c1e, #dee3e6);
    --ct-sys-color-on-surface-variant: light-dark(#40484b, #bfc8cb);
    --ct-sys-color-on-tertiary: light-dark(#ffffff, #4d2424);
    --ct-sys-color-on-tertiary-container: light-dark(#683a39, #ffdad8);
    --ct-sys-color-on-tertiary-fixed: light-dark(#341010, #341010);
    --ct-sys-color-on-tertiary-fixed-variant: light-dark(#683a39, #683a39);
    --ct-sys-color-on-warning: light-dark(#ffffff, #3f2e00);
    --ct-sys-color-on-warning-container: light-dark(#5b4300, #f2e0c2);
    --ct-sys-color-outline: light-dark(#70787c, #899296);
    --ct-sys-color-outline-variant: light-dark(#bfc8cb, #40484b);
    --ct-sys-color-primary: light-dark(#007087, #79d2ed);
    --ct-sys-color-primary-container: light-dark(#c7e8f4, #304b53);
    --ct-sys-color-primary-dim: light-dark(#005b6d, #65deff);
    --ct-sys-color-primary-fixed: light-dark(#c7e8f4, #c7e8f4);
    --ct-sys-color-primary-fixed-dim: light-dark(#abccd7, #abccd7);
    --ct-sys-color-primary-palette-key-color: light-dark(#0aa6c6, #0aa6c6);
    --ct-sys-color-scrim: light-dark(#000000, #000000);
    --ct-sys-color-secondary: light-dark(#6850a4, #cab4fe);
    --ct-sys-color-secondary-container: light-dark(#e9ddff, #4a435b);
    --ct-sys-color-secondary-dim: light-dark(#584b7b, #d7c6ff);
    --ct-sys-color-secondary-fixed: light-dark(#e9ddff, #e9ddff);
    --ct-sys-color-secondary-fixed-dim: light-dark(#cdc1e2, #cdc1e2);
    --ct-sys-color-secondary-palette-key-color: light-dark(#7e6fa2, #7e6fa2);
    --ct-sys-color-shadow: light-dark(#000000, #000000);
    --ct-sys-color-success: light-dark(#006d38, #a3d2ac);
    --ct-sys-color-success-container: light-dark(#d6e7d5, #005229);
    --ct-sys-color-surface: light-dark(#f5fafd, #0f1416);
    --ct-sys-color-surface-bright: light-dark(#f5fafd, #343a3c);
    --ct-sys-color-surface-container: light-dark(#eaeff1, #1b2022);
    --ct-sys-color-surface-container-high: light-dark(#e4e9eb, #252b2d);
    --ct-sys-color-surface-container-highest: light-dark(#dee3e6, #303638);
    --ct-sys-color-surface-container-low: light-dark(#eff4f7, #171c1e);
    --ct-sys-color-surface-container-lowest: light-dark(#ffffff, #090f11);
    --ct-sys-color-surface-dim: light-dark(#d6dbdd, #0f1416);
    --ct-sys-color-surface-tint: light-dark(#00677c, #5cd5f6);
    --ct-sys-color-surface-variant: light-dark(#dbe4e8, #40484b);
    --ct-sys-color-tertiary: light-dark(#9c4142, #ffa2a0);
    --ct-sys-color-tertiary-container: light-dark(#ffdad8, #472827);
    --ct-sys-color-tertiary-dim: light-dark(#754544, #fdbcba);
    --ct-sys-color-tertiary-fixed: light-dark(#ffdad8, #ffdad8);
    --ct-sys-color-tertiary-fixed-dim: light-dark(#edbab8, #edbab8);
    --ct-sys-color-tertiary-palette-key-color: light-dark(#9f6968, #9f6968);
    --ct-sys-color-warning: light-dark(#845400, #e3c37e);
    --ct-sys-color-warning-container: light-dark(#f2e0c2, #643f00);
  }

  [data-framework-card="blazor"] {
    --ct-sys-color-background: light-dark(#fdf8ff, #141318);
    --ct-sys-color-error: light-dark(#ba1a1a, #ffb4ab);
    --ct-sys-color-error-container: light-dark(#ffdad6, #93000a);
    --ct-sys-color-error-dim: light-dark(#a80710, #ff554a);
    --ct-sys-color-information: light-dark(#006496, #a4cbee);
    --ct-sys-color-information-container: light-dark(#d7e4f2, #004b72);
    --ct-sys-color-inverse-on-surface: light-dark(#f4eff7, #312f36);
    --ct-sys-color-inverse-primary: light-dark(#c9beff, #5f3de2);
    --ct-sys-color-inverse-surface: light-dark(#312f36, #e6e1e9);
    --ct-sys-color-neutral-palette-key-color: light-dark(#79767d, #79767d);
    --ct-sys-color-neutral-variant-palette-key-color: light-dark(#78757f, #78757f);
    --ct-sys-color-on-background: light-dark(#1c1b20, #e6e1e9);
    --ct-sys-color-on-error: light-dark(#ffffff, #690005);
    --ct-sys-color-on-error-container: light-dark(#93000a, #ffdad6);
    --ct-sys-color-on-information: light-dark(#ffffff, #003451);
    --ct-sys-color-on-information-container: light-dark(#004b72, #d7e4f2);
    --ct-sys-color-on-primary: light-dark(#ffffff, #30009b);
    --ct-sys-color-on-primary-container: light-dark(#4618ca, #e6deff);
    --ct-sys-color-on-primary-fixed: light-dark(#1b0063, #1b0063);
    --ct-sys-color-on-primary-fixed-variant: light-dark(#4618ca, #4618ca);
    --ct-sys-color-on-secondary: light-dark(#ffffff, #67001d);
    --ct-sys-color-on-secondary-container: light-dark(#8e0c2e, #ffdadb);
    --ct-sys-color-on-secondary-fixed: light-dark(#40000e, #40000e);
    --ct-sys-color-on-secondary-fixed-variant: light-dark(#8e0c2e, #8e0c2e);
    --ct-sys-color-on-success: light-dark(#ffffff, #00391a);
    --ct-sys-color-on-success-container: light-dark(#005229, #d6e7d5);
    --ct-sys-color-on-surface: light-dark(#1c1b20, #e6e1e9);
    --ct-sys-color-on-surface-variant: light-dark(#48454e, #c9c5d0);
    --ct-sys-color-on-tertiary: light-dark(#ffffff, #3c2f00);
    --ct-sys-color-on-tertiary-container: light-dark(#564506, #fbe194);
    --ct-sys-color-on-tertiary-fixed: light-dark(#231b00, #231b00);
    --ct-sys-color-on-tertiary-fixed-variant: light-dark(#564506, #564506);
    --ct-sys-color-on-warning: light-dark(#ffffff, #3f2e00);
    --ct-sys-color-on-warning-container: light-dark(#5b4300, #f2e0c2);
    --ct-sys-color-outline: light-dark(#79757f, #938f99);
    --ct-sys-color-outline-variant: light-dark(#c9c5d0, #48454e);
    --ct-sys-color-primary: light-dark(#6052a6, #c1b5fe);
    --ct-sys-color-primary-container: light-dark(#e6deff, #48445b);
    --ct-sys-color-primary-dim: light-dark(#522dd5, #937eff);
    --ct-sys-color-primary-fixed: light-dark(#e6deff, #e6deff);
    --ct-sys-color-primary-fixed-dim: light-dark(#c9c2e2, #c9c2e2);
    --ct-sys-color-primary-palette-key-color: light-dark(#785bfc, #785bfc);
    --ct-sys-color-scrim: light-dark(#000000, #000000);
    --ct-sys-color-secondary: light-dark(#9c404c, #ffa6ad);
    --ct-sys-color-secondary-container: light-dark(#ffdadb, #5f3e40);
    --ct-sys-color-secondary-dim: light-dark(#9f1c38, #f75f75);
    --ct-sys-color-secondary-fixed: light-dark(#ffdadb, #ffdadb);
    --ct-sys-color-secondary-fixed-dim: light-dark(#ecbabd, #ecbabd);
    --ct-sys-color-secondary-palette-key-color: light-dark(#d1445a, #d1445a);
    --ct-sys-color-shadow: light-dark(#000000, #000000);
    --ct-sys-color-success: light-dark(#006d38, #a3d2ac);
    --ct-sys-color-success-container: light-dark(#d6e7d5, #005229);
    --ct-sys-color-surface: light-dark(#fdf8ff, #141318);
    --ct-sys-color-surface-bright: light-dark(#fdf8ff, #3a383e);
    --ct-sys-color-surface-container: light-dark(#f1ecf4, #201f25);
    --ct-sys-color-surface-container-high: light-dark(#ebe6ee, #2b292f);
    --ct-sys-color-surface-container-highest: light-dark(#e6e1e9, #36343a);
    --ct-sys-color-surface-container-low: light-dark(#f7f2fa, #1c1b20);
    --ct-sys-color-surface-container-lowest: light-dark(#ffffff, #0f0d13);
    --ct-sys-color-surface-dim: light-dark(#ddd8e0, #141318);
    --ct-sys-color-surface-tint: light-dark(#5f3de2, #c9beff);
    --ct-sys-color-surface-variant: light-dark(#e6e0ec, #48454e);
    --ct-sys-color-tertiary: light-dark(#796200, #e2c462);
    --ct-sys-color-tertiary-container: light-dark(#f4e2b1, #392f12);
    --ct-sys-color-tertiary-dim: light-dark(#625113, #fee497);
    --ct-sys-color-tertiary-fixed: light-dark(#f4e2b1, #f4e2b1);
    --ct-sys-color-tertiary-fixed-dim: light-dark(#d6c697, #d6c697);
    --ct-sys-color-tertiary-palette-key-color: light-dark(#897535, #897535);
    --ct-sys-color-warning: light-dark(#845400, #e3c37e);
    --ct-sys-color-warning-container: light-dark(#f2e0c2, #643f00);
  }

  [data-framework-card="angular"] {
    --ct-sys-color-background: light-dark(#fff8f7, #1a1111);
    --ct-sys-color-error: light-dark(#ba1a1a, #ffb4ab);
    --ct-sys-color-error-container: light-dark(#ffdad6, #93000a);
    --ct-sys-color-error-dim: light-dark(#a80710, #ff554a);
    --ct-sys-color-information: light-dark(#006496, #a4cbee);
    --ct-sys-color-information-container: light-dark(#d7e4f2, #004b72);
    --ct-sys-color-inverse-on-surface: light-dark(#ffedeb, #382e2d);
    --ct-sys-color-inverse-primary: light-dark(#ffb3b1, #bf0029);
    --ct-sys-color-inverse-surface: light-dark(#382e2d, #f0dedd);
    --ct-sys-color-neutral-palette-key-color: light-dark(#827473, #827473);
    --ct-sys-color-neutral-variant-palette-key-color: light-dark(#857372, #857372);
    --ct-sys-color-on-background: light-dark(#231919, #f0dedd);
    --ct-sys-color-on-error: light-dark(#ffffff, #690005);
    --ct-sys-color-on-error-container: light-dark(#93000a, #ffdad6);
    --ct-sys-color-on-information: light-dark(#ffffff, #003451);
    --ct-sys-color-on-information-container: light-dark(#004b72, #d7e4f2);
    --ct-sys-color-on-primary: light-dark(#ffffff, #680012);
    --ct-sys-color-on-primary-container: light-dark(#92001d, #ffdad8);
    --ct-sys-color-on-primary-fixed: light-dark(#410007, #410007);
    --ct-sys-color-on-primary-fixed-variant: light-dark(#92001d, #92001d);
    --ct-sys-color-on-secondary: light-dark(#ffffff, #393000);
    --ct-sys-color-on-secondary-container: light-dark(#524600, #fae373);
    --ct-sys-color-on-secondary-fixed: light-dark(#211b00, #211b00);
    --ct-sys-color-on-secondary-fixed-variant: light-dark(#524600, #524600);
    --ct-sys-color-on-success: light-dark(#ffffff, #00391a);
    --ct-sys-color-on-success-container: light-dark(#005229, #d6e7d5);
    --ct-sys-color-on-surface: light-dark(#231919, #f0dedd);
    --ct-sys-color-on-surface-variant: light-dark(#524342, #d7c1c0);
    --ct-sys-color-on-tertiary: light-dark(#ffffff, #00382e);
    --ct-sys-color-on-tertiary-container: light-dark(#005144, #94f4dd);
    --ct-sys-color-on-tertiary-fixed: light-dark(#00201a, #00201a);
    --ct-sys-color-on-tertiary-fixed-variant: light-dark(#005144, #005144);
    --ct-sys-color-on-warning: light-dark(#ffffff, #3f2e00);
    --ct-sys-color-on-warning-container: light-dark(#5b4300, #f2e0c2);
    --ct-sys-color-outline: light-dark(#857372, #a08c8b);
    --ct-sys-color-outline-variant: light-dark(#d7c1c0, #524342);
    --ct-sys-color-primary: light-dark(#9c4142, #ffa7a5);
    --ct-sys-color-primary-container: light-dark(#ffdad8, #5f3e3d);
    --ct-sys-color-primary-dim: light-dark(#a80023, #ff545c);
    --ct-sys-color-primary-fixed: light-dark(#ffdad8, #ffdad8);
    --ct-sys-color-primary-fixed-dim: light-dark(#eebab8, #eebab8);
    --ct-sys-color-primary-palette-key-color: light-dark(#ea1638, #ea1638);
    --ct-sys-color-scrim: light-dark(#000000, #000000);
    --ct-sys-color-secondary: light-dark(#746400, #dcc664);
    --ct-sys-color-secondary-container: light-dark(#efe3b2, #4e4626);
    --ct-sys-color-secondary-dim: light-dark(#605200, #fae373);
    --ct-sys-color-secondary-fixed: light-dark(#efe3b2, #efe3b2);
    --ct-sys-color-secondary-fixed-dim: light-dark(#d3c698, #d3c698);
    --ct-sys-color-secondary-palette-key-color: light-dark(#89770d, #89770d);
    --ct-sys-color-shadow: light-dark(#000000, #000000);
    --ct-sys-color-success: light-dark(#006d38, #a3d2ac);
    --ct-sys-color-success-container: light-dark(#d6e7d5, #005229);
    --ct-sys-color-surface: light-dark(#fff8f7, #1a1111);
    --ct-sys-color-surface-bright: light-dark(#fff8f7, #423736);
    --ct-sys-color-surface-container: light-dark(#fceae9, #271d1d);
    --ct-sys-color-surface-container-high: light-dark(#f6e4e3, #322827);
    --ct-sys-color-surface-container-highest: light-dark(#f0dedd, #3d3232);
    --ct-sys-color-surface-container-low: light-dark(#fff0ef, #231919);
    --ct-sys-color-surface-container-lowest: light-dark(#ffffff, #140c0c);
    --ct-sys-color-surface-dim: light-dark(#e8d6d5, #1a1111);
    --ct-sys-color-surface-tint: light-dark(#bf0029, #ffb3b1);
    --ct-sys-color-surface-variant: light-dark(#f4dddc, #524342);
    --ct-sys-color-tertiary: light-dark(#017361, #79d8c1);
    --ct-sys-color-tertiary-container: light-dark(#c5eadf, #18362e);
    --ct-sys-color-tertiary-dim: light-dark(#005e4f, #9afae2);
    --ct-sys-color-tertiary-fixed: light-dark(#c5eadf, #c5eadf);
    --ct-sys-color-tertiary-fixed-dim: light-dark(#aacfc3, #aacfc3);
    --ct-sys-color-tertiary-palette-key-color: light-dark(#188673, #188673);
    --ct-sys-color-warning: light-dark(#845400, #e3c37e);
    --ct-sys-color-warning-container: light-dark(#f2e0c2, #643f00);
  }

  [data-framework-card="vue"] {
    --ct-sys-color-background: light-dark(#f5fbf4, #0f1511);
    --ct-sys-color-error: light-dark(#ba1a1a, #ffb4ab);
    --ct-sys-color-error-container: light-dark(#ffdad6, #93000a);
    --ct-sys-color-error-dim: light-dark(#a80710, #ff554a);
    --ct-sys-color-information: light-dark(#006496, #a4cbee);
    --ct-sys-color-information-container: light-dark(#d7e4f2, #004b72);
    --ct-sys-color-inverse-on-surface: light-dark(#edf2ec, #2c322e);
    --ct-sys-color-inverse-primary: light-dark(#69dca4, #006c47);
    --ct-sys-color-inverse-surface: light-dark(#2c322e, #dee4de);
    --ct-sys-color-neutral-palette-key-color: light-dark(#727873, #727873);
    --ct-sys-color-neutral-variant-palette-key-color: light-dark(#707972, #707972);
    --ct-sys-color-on-background: light-dark(#171d19, #dee4de);
    --ct-sys-color-on-error: light-dark(#ffffff, #690005);
    --ct-sys-color-on-error-container: light-dark(#93000a, #ffdad6);
    --ct-sys-color-on-information: light-dark(#ffffff, #003451);
    --ct-sys-color-on-information-container: light-dark(#004b72, #d7e4f2);
    --ct-sys-color-on-primary: light-dark(#ffffff, #003823);
    --ct-sys-color-on-primary-container: light-dark(#005234, #86f9be);
    --ct-sys-color-on-primary-fixed: light-dark(#002112, #002112);
    --ct-sys-color-on-primary-fixed-variant: light-dark(#005234, #005234);
    --ct-sys-color-on-secondary: light-dark(#ffffff, #00344f);
    --ct-sys-color-on-secondary-container: light-dark(#004b70, #cae6ff);
    --ct-sys-color-on-secondary-fixed: light-dark(#001e30, #001e30);
    --ct-sys-color-on-secondary-fixed-variant: light-dark(#004b70, #004b70);
    --ct-sys-color-on-success: light-dark(#ffffff, #00391a);
    --ct-sys-color-on-success-container: light-dark(#005229, #d6e7d5);
    --ct-sys-color-on-surface: light-dark(#171d19, #dee4de);
    --ct-sys-color-on-surface-variant: light-dark(#404943, #c0c9c1);
    --ct-sys-color-on-tertiary: light-dark(#ffffff, #54006d);
    --ct-sys-color-on-tertiary-container: light-dark(#701f8a, #fbd7ff);
    --ct-sys-color-on-tertiary-fixed: light-dark(#330044, #330044);
    --ct-sys-color-on-tertiary-fixed-variant: light-dark(#701f8a, #701f8a);
    --ct-sys-color-on-warning: light-dark(#ffffff, #3f2e00);
    --ct-sys-color-on-warning-container: light-dark(#5b4300, #f2e0c2);
    --ct-sys-color-outline: light-dark(#707972, #8a938c);
    --ct-sys-color-outline-variant: light-dark(#c0c9c1, #404943);
    --ct-sys-color-primary: light-dark(#00764e, #87d7ac);
    --ct-sys-color-primary-container: light-dark(#caebd5, #344c3e);
    --ct-sys-color-primary-dim: light-dark(#005f3d, #89fcc1);
    --ct-sys-color-primary-fixed: light-dark(#caebd5, #caebd5);
    --ct-sys-color-primary-fixed-dim: light-dark(#aeceba, #aeceba);
    --ct-sys-color-primary-palette-key-color: light-dark(#049462, #049462);
    --ct-sys-color-scrim: light-dark(#000000, #000000);
    --ct-sys-color-secondary: light-dark(#006c9e, #8dcdff);
    --ct-sys-color-secondary-container: light-dark(#cde6fb, #364958);
    --ct-sys-color-secondary-dim: light-dark(#005782, #57b9fb);
    --ct-sys-color-secondary-fixed: light-dark(#cde6fb, #cde6fb);
    --ct-sys-color-secondary-fixed-dim: light-dark(#b2c9df, #b2c9df);
    --ct-sys-color-secondary-palette-key-color: light-dark(#0289c8, #0289c8);
    --ct-sys-color-shadow: light-dark(#000000, #000000);
    --ct-sys-color-success: light-dark(#006d38, #a3d2ac);
    --ct-sys-color-success-container: light-dark(#d6e7d5, #005229);
    --ct-sys-color-surface: light-dark(#f5fbf4, #0f1511);
    --ct-sys-color-surface-bright: light-dark(#f5fbf4, #353b36);
    --ct-sys-color-surface-container: light-dark(#eaefe9, #1b211d);
    --ct-sys-color-surface-container-high: light-dark(#e4eae3, #262b27);
    --ct-sys-color-surface-container-highest: light-dark(#dee4de, #303632);
    --ct-sys-color-surface-container-low: light-dark(#f0f5ef, #171d19);
    --ct-sys-color-surface-container-lowest: light-dark(#ffffff, #0a0f0c);
    --ct-sys-color-surface-dim: light-dark(#d6dbd5, #0f1511);
    --ct-sys-color-surface-tint: light-dark(#006c47, #69dca4);
    --ct-sys-color-surface-variant: light-dark(#dce5dc, #404943);
    --ct-sys-color-tertiary: light-dark(#804792, #ebb4f6);
    --ct-sys-color-tertiary-container: light-dark(#f6daf8, #3b2b3e);
    --ct-sys-color-tertiary-dim: light-dark(#7d2e96, #e68ffe);
    --ct-sys-color-tertiary-fixed: light-dark(#f6daf8, #f6daf8);
    --ct-sys-color-tertiary-fixed-dim: light-dark(#d9bedb, #d9bedb);
    --ct-sys-color-tertiary-palette-key-color: light-dark(#a655bf, #a655bf);
    --ct-sys-color-warning: light-dark(#845400, #e3c37e);
    --ct-sys-color-warning-container: light-dark(#f2e0c2, #643f00);
  }

  [data-framework-card="svelte"] {
    --ct-sys-color-background: light-dark(#fff8f6, #1a110f);
    --ct-sys-color-error: light-dark(#ba1a1a, #ffb4ab);
    --ct-sys-color-error-container: light-dark(#ffdad6, #93000a);
    --ct-sys-color-error-dim: light-dark(#a80710, #ff554a);
    --ct-sys-color-information: light-dark(#006496, #a4cbee);
    --ct-sys-color-information-container: light-dark(#d7e4f2, #004b72);
    --ct-sys-color-inverse-on-surface: light-dark(#ffede9, #392e2b);
    --ct-sys-color-inverse-primary: light-dark(#ffb4a2, #b42900);
    --ct-sys-color-inverse-surface: light-dark(#392e2b, #f1dfda);
    --ct-sys-color-neutral-palette-key-color: light-dark(#827471, #827471);
    --ct-sys-color-neutral-variant-palette-key-color: light-dark(#85736f, #85736f);
    --ct-sys-color-on-background: light-dark(#231917, #f1dfda);
    --ct-sys-color-on-error: light-dark(#ffffff, #690005);
    --ct-sys-color-on-error-container: light-dark(#93000a, #ffdad6);
    --ct-sys-color-on-information: light-dark(#ffffff, #003451);
    --ct-sys-color-on-information-container: light-dark(#004b72, #d7e4f2);
    --ct-sys-color-on-primary: light-dark(#ffffff, #611200);
    --ct-sys-color-on-primary-container: light-dark(#891d00, #ffdad2);
    --ct-sys-color-on-primary-fixed: light-dark(#3c0700, #3c0700);
    --ct-sys-color-on-primary-fixed-variant: light-dark(#891d00, #891d00);
    --ct-sys-color-on-secondary: light-dark(#ffffff, #313300);
    --ct-sys-color-on-secondary-container: light-dark(#484a00, #e6ea62);
    --ct-sys-color-on-secondary-fixed: light-dark(#1c1d00, #1c1d00);
    --ct-sys-color-on-secondary-fixed-variant: light-dark(#484a00, #484a00);
    --ct-sys-color-on-success: light-dark(#ffffff, #00391a);
    --ct-sys-color-on-success-container: light-dark(#005229, #d6e7d5);
    --ct-sys-color-on-surface: light-dark(#231917, #f1dfda);
    --ct-sys-color-on-surface-variant: light-dark(#534340, #d8c2bd);
    --ct-sys-color-on-tertiary: light-dark(#ffffff, #003735);
    --ct-sys-color-on-tertiary-container: light-dark(#00504d, #84f5ef);
    --ct-sys-color-on-tertiary-fixed: light-dark(#00201f, #00201f);
    --ct-sys-color-on-tertiary-fixed-variant: light-dark(#00504d, #00504d);
    --ct-sys-color-on-warning: light-dark(#ffffff, #3f2e00);
    --ct-sys-color-on-warning-container: light-dark(#5b4300, #f2e0c2);
    --ct-sys-color-outline: light-dark(#85736f, #a08c88);
    --ct-sys-color-outline-variant: light-dark(#d8c2bd, #534340);
    --ct-sys-color-primary: light-dark(#9c432d, #ffa690);
    --ct-sys-color-primary-container: light-dark(#ffdad2, #5f3e36);
    --ct-sys-color-primary-dim: light-dark(#9e2300, #ff572c);
    --ct-sys-color-primary-fixed: light-dark(#ffdad2, #ffdad2);
    --ct-sys-color-primary-fixed-dim: light-dark(#eebaae, #eebaae);
    --ct-sys-color-primary-palette-key-color: light-dark(#fb3d00, #fb3d00);
    --ct-sys-color-scrim: light-dark(#000000, #000000);
    --ct-sys-color-secondary: light-dark(#666800, #cacc6d);
    --ct-sys-color-secondary-container: light-dark(#e6e6b7, #48492a);
    --ct-sys-color-secondary-dim: light-dark(#545600, #e6ea62);
    --ct-sys-color-secondary-fixed: light-dark(#e6e6b7, #e6e6b7);
    --ct-sys-color-secondary-fixed-dim: light-dark(#cac99c, #cac99c);
    --ct-sys-color-secondary-palette-key-color: light-dark(#8b8e00, #8b8e00);
    --ct-sys-color-shadow: light-dark(#000000, #000000);
    --ct-sys-color-success: light-dark(#006d38, #a3d2ac);
    --ct-sys-color-success-container: light-dark(#d6e7d5, #005229);
    --ct-sys-color-surface: light-dark(#fff8f6, #1a110f);
    --ct-sys-color-surface-bright: light-dark(#fff8f6, #423734);
    --ct-sys-color-surface-container: light-dark(#fceae6, #271d1b);
    --ct-sys-color-surface-container-high: light-dark(#f7e4e0, #322825);
    --ct-sys-color-surface-container-highest: light-dark(#f1dfda, #3d3230);
    --ct-sys-color-surface-container-low: light-dark(#fff1ed, #231917);
    --ct-sys-color-surface-container-lowest: light-dark(#ffffff, #140c0a);
    --ct-sys-color-surface-dim: light-dark(#e8d6d2, #1a110f);
    --ct-sys-color-surface-tint: light-dark(#b42900, #ffb4a2);
    --ct-sys-color-surface-variant: light-dark(#f5ddd8, #534340);
    --ct-sys-color-tertiary: light-dark(#00726e, #73d7d1);
    --ct-sys-color-tertiary-container: light-dark(#c4eae7, #173533);
    --ct-sys-color-tertiary-dim: light-dark(#005d59, #8dfef7);
    --ct-sys-color-tertiary-fixed: light-dark(#c4eae7, #c4eae7);
    --ct-sys-color-tertiary-fixed-dim: light-dark(#a8ceca, #a8ceca);
    --ct-sys-color-tertiary-palette-key-color: light-dark(#049994, #049994);
    --ct-sys-color-warning: light-dark(#845400, #e3c37e);
    --ct-sys-color-warning-container: light-dark(#f2e0c2, #643f00);
  }
}
:root[data-page-anchor="cobalt"] {
  --cui-marquee-hue-web: light-dark(#0160a4, #90c2ff);
  --cui-marquee-hue-blazor: light-dark(#6341d5, #c3b4ff);
  --cui-marquee-hue-angular: light-dark(#e04d60, #f75f70);
  --cui-marquee-hue-react: light-dark(#008ea4, #00deff);
  --cui-marquee-hue-vue: light-dark(#029276, #00f0c3);
  --cui-marquee-hue-svelte: light-dark(#b03baa, #f97cee);
}
:root[data-page-anchor="violet"] {
  --cui-marquee-hue-web: light-dark(#0160a4, #90c2ff);
  --cui-marquee-hue-blazor: light-dark(#6341d5, #c3b4ff);
  --cui-marquee-hue-angular: light-dark(#e04d60, #f65e6f);
  --cui-marquee-hue-react: light-dark(#008ea4, #00deff);
  --cui-marquee-hue-vue: light-dark(#029276, #00f0c3);
  --cui-marquee-hue-svelte: light-dark(#b03baa, #f77bec);
}
:root[data-page-anchor="magenta"] {
  --cui-marquee-hue-web: light-dark(#0160a4, #90c2ff);
  --cui-marquee-hue-blazor: light-dark(#6341d5, #c3b4ff);
  --cui-marquee-hue-angular: light-dark(#e04d60, #f65e6f);
  --cui-marquee-hue-react: light-dark(#008ea4, #00deff);
  --cui-marquee-hue-vue: light-dark(#029276, #00f0c3);
  --cui-marquee-hue-svelte: light-dark(#b03baa, #f77bec);
}
:root[data-page-anchor="vermilion"] {
  --cui-marquee-hue-web: light-dark(#0061a6, #90c2ff);
  --cui-marquee-hue-blazor: light-dark(#6341d5, #c3b4ff);
  --cui-marquee-hue-angular: light-dark(#e04d60, #f65e6f);
  --cui-marquee-hue-react: light-dark(#008ea4, #00deff);
  --cui-marquee-hue-vue: light-dark(#029276, #00f0c3);
  --cui-marquee-hue-svelte: light-dark(#b03baa, #f77bec);
}
:root[data-page-anchor="amber"] {
  --cui-marquee-hue-web: light-dark(#0160a4, #8dc0ff);
  --cui-marquee-hue-blazor: light-dark(#6140d4, #c1b3ff);
  --cui-marquee-hue-angular: light-dark(#e04d60, #f65e6f);
  --cui-marquee-hue-react: light-dark(#008ca2, #00deff);
  --cui-marquee-hue-vue: light-dark(#029276, #00f0c3);
  --cui-marquee-hue-svelte: light-dark(#b03baa, #f77bec);
}
:root[data-page-anchor="chartreuse"] {
  --cui-marquee-hue-web: light-dark(#0160a4, #90c2ff);
  --cui-marquee-hue-blazor: light-dark(#6140d4, #c3b4ff);
  --cui-marquee-hue-angular: light-dark(#e04d60, #f65e6f);
  --cui-marquee-hue-react: light-dark(#008ca2, #00deff);
  --cui-marquee-hue-vue: light-dark(#029276, #00f0c3);
  --cui-marquee-hue-svelte: light-dark(#ae3aa9, #f77bec);
}
:root[data-page-anchor="jade"] {
  --cui-marquee-hue-web: light-dark(#0160a4, #90c2ff);
  --cui-marquee-hue-blazor: light-dark(#6140d4, #c3b4ff);
  --cui-marquee-hue-angular: light-dark(#e04d60, #f65e6f);
  --cui-marquee-hue-react: light-dark(#008ea4, #00deff);
  --cui-marquee-hue-vue: light-dark(#029276, #00f0c3);
  --cui-marquee-hue-svelte: light-dark(#b03baa, #f77bec);
}
:root[data-page-anchor="teal"] {
  --cui-marquee-hue-web: light-dark(#0160a4, #8dc0ff);
  --cui-marquee-hue-blazor: light-dark(#6341d5, #c1b3ff);
  --cui-marquee-hue-angular: light-dark(#e04d60, #f65e6f);
  --cui-marquee-hue-react: light-dark(#008ea4, #00deff);
  --cui-marquee-hue-vue: light-dark(#029276, #00f0c3);
  --cui-marquee-hue-svelte: light-dark(#b03baa, #f77bec);
}
:root[data-page-anchor="azure"] {
  --cui-marquee-hue-web: light-dark(#0160a4, #90c2ff);
  --cui-marquee-hue-blazor: light-dark(#6341d5, #c1b3ff);
  --cui-marquee-hue-angular: light-dark(#e04d60, #f65e6f);
  --cui-marquee-hue-react: light-dark(#008ea4, #00deff);
  --cui-marquee-hue-vue: light-dark(#029276, #00f0c3);
  --cui-marquee-hue-svelte: light-dark(#b03baa, #f77bec);
}