/** * @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-error-hover: #ad0d12; --ct-sys-color-error-pressed: #9a000a; --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-error-container-hover: #93000a; --ct-sys-color-on-error-container-pressed: #93000a; --ct-sys-color-on-error-container-state-layer: #93000a; --ct-sys-color-on-error-hover: #ffffff; --ct-sys-color-on-error-pressed: #ffffff; --ct-sys-color-on-error-state-layer: #ffffff; --ct-sys-color-on-information: #ffffff; --ct-sys-color-on-information-container: #004b72; --ct-sys-color-on-information-container-hover: #004b72; --ct-sys-color-on-information-container-pressed: #004b72; --ct-sys-color-on-information-container-state-layer: #004b72; --ct-sys-color-on-information-hover: #ffffff; --ct-sys-color-on-information-pressed: #ffffff; --ct-sys-color-on-information-state-layer: #000000; --ct-sys-color-on-primary: #ffffff; --ct-sys-color-on-primary-container: #00497f; --ct-sys-color-on-primary-container-hover: #00497f; --ct-sys-color-on-primary-container-pressed: #00497f; --ct-sys-color-on-primary-container-selected: #00497f; --ct-sys-color-on-primary-container-selected-hover: #00497f; --ct-sys-color-on-primary-container-selected-pressed: #004477; --ct-sys-color-on-primary-container-state-layer: #00497f; --ct-sys-color-on-primary-fixed: #001c37; --ct-sys-color-on-primary-fixed-variant: #00497f; --ct-sys-color-on-primary-hover: #ffffff; --ct-sys-color-on-primary-pressed: #ffffff; --ct-sys-color-on-primary-state-layer: #000000; --ct-sys-color-on-secondary: #ffffff; --ct-sys-color-on-secondary-container: #810080; --ct-sys-color-on-secondary-container-hover: #810080; --ct-sys-color-on-secondary-container-pressed: #810080; --ct-sys-color-on-secondary-container-selected: #810080; --ct-sys-color-on-secondary-container-selected-hover: #810080; --ct-sys-color-on-secondary-container-selected-pressed: #750174; --ct-sys-color-on-secondary-container-state-layer: #810080; --ct-sys-color-on-secondary-fixed: #380038; --ct-sys-color-on-secondary-fixed-variant: #810080; --ct-sys-color-on-secondary-hover: #ffffff; --ct-sys-color-on-secondary-pressed: #ffffff; --ct-sys-color-on-secondary-state-layer: #000000; --ct-sys-color-on-success: #ffffff; --ct-sys-color-on-success-container: #005229; --ct-sys-color-on-success-container-hover: #005229; --ct-sys-color-on-success-container-pressed: #005229; --ct-sys-color-on-success-container-state-layer: #005229; --ct-sys-color-on-success-hover: #ffffff; --ct-sys-color-on-success-pressed: #ffffff; --ct-sys-color-on-success-state-layer: #000000; --ct-sys-color-on-surface: #191c20; --ct-sys-color-on-surface-hover: #191c20; --ct-sys-color-on-surface-pressed: #191c20; --ct-sys-color-on-surface-selected-hover: #191c20; --ct-sys-color-on-surface-selected-pressed: #191c20; --ct-sys-color-on-surface-selected-state-layer: #191c20; --ct-sys-color-on-surface-variant: #43474e; --ct-sys-color-on-surface-variant-hover: #43474e; --ct-sys-color-on-surface-variant-pressed: #43474e; --ct-sys-color-on-tertiary: #ffffff; --ct-sys-color-on-tertiary-container: #703700; --ct-sys-color-on-tertiary-container-hover: #703700; --ct-sys-color-on-tertiary-container-pressed: #703700; --ct-sys-color-on-tertiary-container-state-layer: #703700; --ct-sys-color-on-tertiary-fixed: #301400; --ct-sys-color-on-tertiary-fixed-variant: #703700; --ct-sys-color-on-tertiary-hover: #ffffff; --ct-sys-color-on-tertiary-pressed: #ffffff; --ct-sys-color-on-tertiary-state-layer: #000000; --ct-sys-color-on-warning: #ffffff; --ct-sys-color-on-warning-container: #5b4300; --ct-sys-color-on-warning-container-hover: #5b4300; --ct-sys-color-on-warning-container-pressed: #5b4300; --ct-sys-color-on-warning-container-state-layer: #5b4300; --ct-sys-color-on-warning-hover: #ffffff; --ct-sys-color-on-warning-pressed: #ffffff; --ct-sys-color-on-warning-state-layer: #000000; --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-hover: #005898; --ct-sys-color-primary-palette-key-color: #0397fe; --ct-sys-color-primary-pressed: #004c85; --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-hover: #813c7b; --ct-sys-color-secondary-palette-key-color: #f505f3; --ct-sys-color-secondary-pressed: #742f6e; --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-hover: #864300; --ct-sys-color-tertiary-palette-key-color: #e37600; --ct-sys-color-tertiary-pressed: #743a01; --ct-sys-color-warning: #845400; --ct-sys-color-warning-container: #f2e0c2; --ct-sys-color-on-primary-container-solved: #00497f; --ct-sys-color-primary-container-solved: #d2e4fe; --ct-sys-color-on-secondary-container-solved: #810080; --ct-sys-color-secondary-container-solved: #fcd8f3; --ct-sys-color-on-tertiary-container-solved: #703700; --ct-sys-color-tertiary-container-solved: #ffdcc5; --ct-sys-color-on-error-container-solved: #93000a; --ct-sys-color-error-container-solved: #ffdad6; --ct-sys-color-on-information-container-solved: #004b72; --ct-sys-color-information-container-solved: #d7e4f2; --ct-sys-color-on-success-container-solved: #005229; --ct-sys-color-success-container-solved: #d6e7d5; --ct-sys-color-on-warning-container-solved: #5b4300; --ct-sys-color-warning-container-solved: #f2e0c2; --ct-sys-color-on-primary-solved: #ffffff; --ct-sys-color-primary-solved: #0b61a4; --ct-sys-color-on-secondary-solved: #ffffff; --ct-sys-color-secondary-solved: #8b4484; --ct-sys-color-on-tertiary-solved: #ffffff; --ct-sys-color-tertiary-solved: #964c00; --ct-sys-color-on-error-solved: #ffffff; --ct-sys-color-error-solved: #ba1a1a; --ct-sys-color-on-information-solved: #ffffff; --ct-sys-color-information-solved: #006496; --ct-sys-color-on-success-solved: #ffffff; --ct-sys-color-success-solved: #006d38; --ct-sys-color-on-warning-solved: #ffffff; --ct-sys-color-warning-solved: #845400; --ct-sys-color-on-surface-solved: #191c20; --ct-sys-color-surface-solved: #ffffff; --ct-sys-color-background-solved: #ffffff; --ct-sys-color-surface-dim-solved: #d8dae0; --ct-sys-color-surface-bright-solved: #f8f9ff; --ct-sys-color-surface-container-lowest-solved: #ffffff; --ct-sys-color-surface-container-low-solved: #f2f3fa; --ct-sys-color-surface-container-solved: #eceef4; --ct-sys-color-surface-container-high-solved: #e7e8ee; --ct-sys-color-surface-container-highest-solved: #e1e2e8; --ct-sys-color-on-surface-variant-solved: #43474e; } :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-error-hover: #ad0d12; --ct-sys-color-error-pressed: #98000a; --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-error-container-hover: #93000a; --ct-sys-color-on-error-container-pressed: #93000a; --ct-sys-color-on-error-container-state-layer: #93000a; --ct-sys-color-on-error-hover: #ffffff; --ct-sys-color-on-error-pressed: #ffffff; --ct-sys-color-on-error-state-layer: #ffffff; --ct-sys-color-on-information: #ffffff; --ct-sys-color-on-information-container: #004b72; --ct-sys-color-on-information-container-hover: #004b72; --ct-sys-color-on-information-container-pressed: #004b72; --ct-sys-color-on-information-container-state-layer: #004b72; --ct-sys-color-on-information-hover: #ffffff; --ct-sys-color-on-information-pressed: #ffffff; --ct-sys-color-on-information-state-layer: #000000; --ct-sys-color-on-primary: #ffffff; --ct-sys-color-on-primary-container: #4a21bd; --ct-sys-color-on-primary-container-hover: #4a21bd; --ct-sys-color-on-primary-container-pressed: #4a21bd; --ct-sys-color-on-primary-container-selected: #4a21bd; --ct-sys-color-on-primary-container-selected-hover: #4a21bd; --ct-sys-color-on-primary-container-selected-pressed: #4416b7; --ct-sys-color-on-primary-container-state-layer: #4a21bd; --ct-sys-color-on-primary-fixed: #1d0061; --ct-sys-color-on-primary-fixed-variant: #4a21bd; --ct-sys-color-on-primary-hover: #ffffff; --ct-sys-color-on-primary-pressed: #ffffff; --ct-sys-color-on-primary-state-layer: #000000; --ct-sys-color-on-secondary: #ffffff; --ct-sys-color-on-secondary-container: #920028; --ct-sys-color-on-secondary-container-hover: #920028; --ct-sys-color-on-secondary-container-pressed: #920028; --ct-sys-color-on-secondary-container-selected: #920028; --ct-sys-color-on-secondary-container-selected-hover: #920028; --ct-sys-color-on-secondary-container-selected-pressed: #830023; --ct-sys-color-on-secondary-container-state-layer: #920028; --ct-sys-color-on-secondary-fixed: #40000c; --ct-sys-color-on-secondary-fixed-variant: #920028; --ct-sys-color-on-secondary-hover: #ffffff; --ct-sys-color-on-secondary-pressed: #ffffff; --ct-sys-color-on-secondary-state-layer: #000000; --ct-sys-color-on-success: #ffffff; --ct-sys-color-on-success-container: #005229; --ct-sys-color-on-success-container-hover: #005229; --ct-sys-color-on-success-container-pressed: #005229; --ct-sys-color-on-success-container-state-layer: #005229; --ct-sys-color-on-success-hover: #ffffff; --ct-sys-color-on-success-pressed: #ffffff; --ct-sys-color-on-success-state-layer: #000000; --ct-sys-color-on-surface: #1c1b20; --ct-sys-color-on-surface-hover: #1c1b20; --ct-sys-color-on-surface-pressed: #1c1b20; --ct-sys-color-on-surface-selected-hover: #1c1b20; --ct-sys-color-on-surface-selected-pressed: #1c1b20; --ct-sys-color-on-surface-selected-state-layer: #1c1b20; --ct-sys-color-on-surface-variant: #48454e; --ct-sys-color-on-surface-variant-hover: #48454e; --ct-sys-color-on-surface-variant-pressed: #48454e; --ct-sys-color-on-tertiary: #ffffff; --ct-sys-color-on-tertiary-container: #554500; --ct-sys-color-on-tertiary-container-hover: #554500; --ct-sys-color-on-tertiary-container-pressed: #554500; --ct-sys-color-on-tertiary-container-state-layer: #554500; --ct-sys-color-on-tertiary-fixed: #231b00; --ct-sys-color-on-tertiary-fixed-variant: #554500; --ct-sys-color-on-tertiary-hover: #ffffff; --ct-sys-color-on-tertiary-pressed: #ffffff; --ct-sys-color-on-tertiary-state-layer: #000000; --ct-sys-color-on-warning: #ffffff; --ct-sys-color-on-warning-container: #5b4300; --ct-sys-color-on-warning-container-hover: #5b4300; --ct-sys-color-on-warning-container-pressed: #5b4300; --ct-sys-color-on-warning-container-state-layer: #5b4300; --ct-sys-color-on-warning-hover: #ffffff; --ct-sys-color-on-warning-pressed: #ffffff; --ct-sys-color-on-warning-state-layer: #000000; --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-hover: #59489d; --ct-sys-color-primary-palette-key-color: #7c5df0; --ct-sys-color-primary-pressed: #4d3c90; --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-hover: #913841; --ct-sys-color-secondary-palette-key-color: #ec0848; --ct-sys-color-secondary-pressed: #822c36; --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-hover: #675400; --ct-sys-color-tertiary-palette-key-color: #9d8102; --ct-sys-color-tertiary-pressed: #594800; --ct-sys-color-warning: #845400; --ct-sys-color-warning-container: #f2e0c2; --ct-sys-color-on-primary-container-solved: #4a21bd; --ct-sys-color-primary-container-solved: #e6deff; --ct-sys-color-on-secondary-container-solved: #920028; --ct-sys-color-secondary-container-solved: #ffdada; --ct-sys-color-on-tertiary-container-solved: #554500; --ct-sys-color-tertiary-container-solved: #f2e2b1; --ct-sys-color-on-error-container-solved: #93000a; --ct-sys-color-error-container-solved: #ffdad6; --ct-sys-color-on-information-container-solved: #004b72; --ct-sys-color-information-container-solved: #d7e4f2; --ct-sys-color-on-success-container-solved: #005229; --ct-sys-color-success-container-solved: #d6e7d5; --ct-sys-color-on-warning-container-solved: #5b4300; --ct-sys-color-warning-container-solved: #f2e0c2; --ct-sys-color-on-primary-solved: #ffffff; --ct-sys-color-primary-solved: #6251a6; --ct-sys-color-on-secondary-solved: #ffffff; --ct-sys-color-secondary-solved: #9c4049; --ct-sys-color-on-tertiary-solved: #ffffff; --ct-sys-color-tertiary-solved: #786200; --ct-sys-color-on-error-solved: #ffffff; --ct-sys-color-error-solved: #ba1a1a; --ct-sys-color-on-information-solved: #ffffff; --ct-sys-color-information-solved: #006496; --ct-sys-color-on-success-solved: #ffffff; --ct-sys-color-success-solved: #006d38; --ct-sys-color-on-warning-solved: #ffffff; --ct-sys-color-warning-solved: #845400; --ct-sys-color-on-surface-solved: #1c1b20; --ct-sys-color-surface-solved: #ffffff; --ct-sys-color-background-solved: #ffffff; --ct-sys-color-surface-dim-solved: #ddd8e0; --ct-sys-color-surface-bright-solved: #fdf8ff; --ct-sys-color-surface-container-lowest-solved: #ffffff; --ct-sys-color-surface-container-low-solved: #f7f2fa; --ct-sys-color-surface-container-solved: #f1ecf4; --ct-sys-color-surface-container-high-solved: #ebe6ee; --ct-sys-color-surface-container-highest-solved: #e6e1e9; --ct-sys-color-on-surface-variant-solved: #48454e; } :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-error-hover: #ad0d12; --ct-sys-color-error-pressed: #98000a; --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-error-container-hover: #93000a; --ct-sys-color-on-error-container-pressed: #93000a; --ct-sys-color-on-error-container-state-layer: #93000a; --ct-sys-color-on-error-hover: #ffffff; --ct-sys-color-on-error-pressed: #ffffff; --ct-sys-color-on-error-state-layer: #ffffff; --ct-sys-color-on-information: #ffffff; --ct-sys-color-on-information-container: #004b72; --ct-sys-color-on-information-container-hover: #004b72; --ct-sys-color-on-information-container-pressed: #004b72; --ct-sys-color-on-information-container-state-layer: #004b72; --ct-sys-color-on-information-hover: #ffffff; --ct-sys-color-on-information-pressed: #ffffff; --ct-sys-color-on-information-state-layer: #000000; --ct-sys-color-on-primary: #ffffff; --ct-sys-color-on-primary-container: #810180; --ct-sys-color-on-primary-container-hover: #810180; --ct-sys-color-on-primary-container-pressed: #810180; --ct-sys-color-on-primary-container-selected: #810180; --ct-sys-color-on-primary-container-selected-hover: #810180; --ct-sys-color-on-primary-container-selected-pressed: #740073; --ct-sys-color-on-primary-container-state-layer: #810180; --ct-sys-color-on-primary-fixed: #380037; --ct-sys-color-on-primary-fixed-variant: #810180; --ct-sys-color-on-primary-hover: #ffffff; --ct-sys-color-on-primary-pressed: #ffffff; --ct-sys-color-on-primary-state-layer: #000000; --ct-sys-color-on-secondary: #ffffff; --ct-sys-color-on-secondary-container: #703700; --ct-sys-color-on-secondary-container-hover: #703700; --ct-sys-color-on-secondary-container-pressed: #703700; --ct-sys-color-on-secondary-container-selected: #703700; --ct-sys-color-on-secondary-container-selected-hover: #703700; --ct-sys-color-on-secondary-container-selected-pressed: #693300; --ct-sys-color-on-secondary-container-state-layer: #703700; --ct-sys-color-on-secondary-fixed: #301400; --ct-sys-color-on-secondary-fixed-variant: #703700; --ct-sys-color-on-secondary-hover: #ffffff; --ct-sys-color-on-secondary-pressed: #ffffff; --ct-sys-color-on-secondary-state-layer: #000000; --ct-sys-color-on-success: #ffffff; --ct-sys-color-on-success-container: #005229; --ct-sys-color-on-success-container-hover: #005229; --ct-sys-color-on-success-container-pressed: #005229; --ct-sys-color-on-success-container-state-layer: #005229; --ct-sys-color-on-success-hover: #ffffff; --ct-sys-color-on-success-pressed: #ffffff; --ct-sys-color-on-success-state-layer: #000000; --ct-sys-color-on-surface: #201a1e; --ct-sys-color-on-surface-hover: #201a1e; --ct-sys-color-on-surface-pressed: #201a1e; --ct-sys-color-on-surface-selected-hover: #201a1e; --ct-sys-color-on-surface-selected-pressed: #201a1e; --ct-sys-color-on-surface-selected-state-layer: #201a1e; --ct-sys-color-on-surface-variant: #4e444b; --ct-sys-color-on-surface-variant-hover: #4e444b; --ct-sys-color-on-surface-variant-pressed: #4e444b; --ct-sys-color-on-tertiary: #ffffff; --ct-sys-color-on-tertiary-container: #275000; --ct-sys-color-on-tertiary-container-hover: #275000; --ct-sys-color-on-tertiary-container-pressed: #275000; --ct-sys-color-on-tertiary-container-state-layer: #275000; --ct-sys-color-on-tertiary-fixed: #0c2000; --ct-sys-color-on-tertiary-fixed-variant: #275000; --ct-sys-color-on-tertiary-hover: #ffffff; --ct-sys-color-on-tertiary-pressed: #ffffff; --ct-sys-color-on-tertiary-state-layer: #000000; --ct-sys-color-on-warning: #ffffff; --ct-sys-color-on-warning-container: #5b4300; --ct-sys-color-on-warning-container-hover: #5b4300; --ct-sys-color-on-warning-container-pressed: #5b4300; --ct-sys-color-on-warning-container-state-layer: #5b4300; --ct-sys-color-on-warning-hover: #ffffff; --ct-sys-color-on-warning-pressed: #ffffff; --ct-sys-color-on-warning-state-layer: #000000; --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-hover: #813c7b; --ct-sys-color-primary-palette-key-color: #bc46b5; --ct-sys-color-primary-pressed: #742f6e; --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-hover: #864300; --ct-sys-color-secondary-palette-key-color: #ab662e; --ct-sys-color-secondary-pressed: #743a01; --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-hover: #366010; --ct-sys-color-tertiary-palette-key-color: #568331; --ct-sys-color-tertiary-pressed: #2a5403; --ct-sys-color-warning: #845400; --ct-sys-color-warning-container: #f2e0c2; --ct-sys-color-on-primary-container-solved: #810180; --ct-sys-color-primary-container-solved: #fcd8f3; --ct-sys-color-on-secondary-container-solved: #703700; --ct-sys-color-secondary-container-solved: #ffdcc5; --ct-sys-color-on-tertiary-container-solved: #275000; --ct-sys-color-tertiary-container-solved: #d7e9c3; --ct-sys-color-on-error-container-solved: #93000a; --ct-sys-color-error-container-solved: #ffdad6; --ct-sys-color-on-information-container-solved: #004b72; --ct-sys-color-information-container-solved: #d7e4f2; --ct-sys-color-on-success-container-solved: #005229; --ct-sys-color-success-container-solved: #d6e7d5; --ct-sys-color-on-warning-container-solved: #5b4300; --ct-sys-color-warning-container-solved: #f2e0c2; --ct-sys-color-on-primary-solved: #ffffff; --ct-sys-color-primary-solved: #8b4484; --ct-sys-color-on-secondary-solved: #ffffff; --ct-sys-color-secondary-solved: #964c00; --ct-sys-color-on-tertiary-solved: #ffffff; --ct-sys-color-tertiary-solved: #3e6919; --ct-sys-color-on-error-solved: #ffffff; --ct-sys-color-error-solved: #ba1a1a; --ct-sys-color-on-information-solved: #ffffff; --ct-sys-color-information-solved: #006496; --ct-sys-color-on-success-solved: #ffffff; --ct-sys-color-success-solved: #006d38; --ct-sys-color-on-warning-solved: #ffffff; --ct-sys-color-warning-solved: #845400; --ct-sys-color-on-surface-solved: #201a1e; --ct-sys-color-surface-solved: #ffffff; --ct-sys-color-background-solved: #ffffff; --ct-sys-color-surface-dim-solved: #e3d7dd; --ct-sys-color-surface-bright-solved: #fff7f9; --ct-sys-color-surface-container-lowest-solved: #ffffff; --ct-sys-color-surface-container-low-solved: #fdf0f6; --ct-sys-color-surface-container-solved: #f7eaf1; --ct-sys-color-surface-container-high-solved: #f1e5eb; --ct-sys-color-surface-container-highest-solved: #ecdfe5; --ct-sys-color-on-surface-variant-solved: #4e444b; } :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-error-hover: #ad0d12; --ct-sys-color-error-pressed: #98000a; --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-error-container-hover: #93000a; --ct-sys-color-on-error-container-pressed: #93000a; --ct-sys-color-on-error-container-state-layer: #93000a; --ct-sys-color-on-error-hover: #ffffff; --ct-sys-color-on-error-pressed: #ffffff; --ct-sys-color-on-error-state-layer: #ffffff; --ct-sys-color-on-information: #ffffff; --ct-sys-color-on-information-container: #004b72; --ct-sys-color-on-information-container-hover: #004b72; --ct-sys-color-on-information-container-pressed: #004b72; --ct-sys-color-on-information-container-state-layer: #004b72; --ct-sys-color-on-information-hover: #ffffff; --ct-sys-color-on-information-pressed: #ffffff; --ct-sys-color-on-information-state-layer: #000000; --ct-sys-color-on-primary: #ffffff; --ct-sys-color-on-primary-container: #8f0c2a; --ct-sys-color-on-primary-container-hover: #8f0c2a; --ct-sys-color-on-primary-container-pressed: #8f0c2a; --ct-sys-color-on-primary-container-selected: #8f0c2a; --ct-sys-color-on-primary-container-selected-hover: #8f0c2a; --ct-sys-color-on-primary-container-selected-pressed: #850124; --ct-sys-color-on-primary-container-state-layer: #8f0c2a; --ct-sys-color-on-primary-fixed: #40000d; --ct-sys-color-on-primary-fixed-variant: #8f0c2a; --ct-sys-color-on-primary-hover: #ffffff; --ct-sys-color-on-primary-pressed: #ffffff; --ct-sys-color-on-primary-state-layer: #000000; --ct-sys-color-on-secondary: #ffffff; --ct-sys-color-on-secondary-container: #554500; --ct-sys-color-on-secondary-container-hover: #554500; --ct-sys-color-on-secondary-container-pressed: #554500; --ct-sys-color-on-secondary-container-selected: #554500; --ct-sys-color-on-secondary-container-selected-hover: #554500; --ct-sys-color-on-secondary-container-selected-pressed: #504100; --ct-sys-color-on-secondary-container-state-layer: #554500; --ct-sys-color-on-secondary-fixed: #231b00; --ct-sys-color-on-secondary-fixed-variant: #554500; --ct-sys-color-on-secondary-hover: #ffffff; --ct-sys-color-on-secondary-pressed: #ffffff; --ct-sys-color-on-secondary-state-layer: #000000; --ct-sys-color-on-success: #ffffff; --ct-sys-color-on-success-container: #005229; --ct-sys-color-on-success-container-hover: #005229; --ct-sys-color-on-success-container-pressed: #005229; --ct-sys-color-on-success-container-state-layer: #005229; --ct-sys-color-on-success-hover: #ffffff; --ct-sys-color-on-success-pressed: #ffffff; --ct-sys-color-on-success-state-layer: #000000; --ct-sys-color-on-surface: #22191a; --ct-sys-color-on-surface-hover: #22191a; --ct-sys-color-on-surface-pressed: #22191a; --ct-sys-color-on-surface-selected-hover: #22191a; --ct-sys-color-on-surface-selected-pressed: #22191a; --ct-sys-color-on-surface-selected-state-layer: #22191a; --ct-sys-color-on-surface-variant: #524343; --ct-sys-color-on-surface-variant-hover: #524343; --ct-sys-color-on-surface-variant-pressed: #524343; --ct-sys-color-on-tertiary: #ffffff; --ct-sys-color-on-tertiary-container: #005140; --ct-sys-color-on-tertiary-container-hover: #005140; --ct-sys-color-on-tertiary-container-pressed: #005140; --ct-sys-color-on-tertiary-container-state-layer: #005140; --ct-sys-color-on-tertiary-fixed: #002018; --ct-sys-color-on-tertiary-fixed-variant: #005140; --ct-sys-color-on-tertiary-hover: #ffffff; --ct-sys-color-on-tertiary-pressed: #ffffff; --ct-sys-color-on-tertiary-state-layer: #000000; --ct-sys-color-on-warning: #ffffff; --ct-sys-color-on-warning-container: #5b4300; --ct-sys-color-on-warning-container-hover: #5b4300; --ct-sys-color-on-warning-container-pressed: #5b4300; --ct-sys-color-on-warning-container-state-layer: #5b4300; --ct-sys-color-on-warning-hover: #ffffff; --ct-sys-color-on-warning-pressed: #ffffff; --ct-sys-color-on-warning-state-layer: #000000; --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-hover: #913842; --ct-sys-color-primary-palette-key-color: #d24356; --ct-sys-color-primary-pressed: #822c37; --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-hover: #665400; --ct-sys-color-secondary-palette-key-color: #8a762f; --ct-sys-color-secondary-pressed: #584800; --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-hover: #03614e; --ct-sys-color-tertiary-palette-key-color: #418370; --ct-sys-color-tertiary-pressed: #015443; --ct-sys-color-warning: #845400; --ct-sys-color-warning-container: #f2e0c2; --ct-sys-color-on-primary-container-solved: #8f0c2a; --ct-sys-color-primary-container-solved: #ffdada; --ct-sys-color-on-secondary-container-solved: #554500; --ct-sys-color-secondary-container-solved: #f3e2b1; --ct-sys-color-on-tertiary-container-solved: #005140; --ct-sys-color-tertiary-container-solved: #c6eadc; --ct-sys-color-on-error-container-solved: #93000a; --ct-sys-color-error-container-solved: #ffdad6; --ct-sys-color-on-information-container-solved: #004b72; --ct-sys-color-information-container-solved: #d7e4f2; --ct-sys-color-on-success-container-solved: #005229; --ct-sys-color-success-container-solved: #d6e7d5; --ct-sys-color-on-warning-container-solved: #5b4300; --ct-sys-color-warning-container-solved: #f2e0c2; --ct-sys-color-on-primary-solved: #ffffff; --ct-sys-color-primary-solved: #9c404a; --ct-sys-color-on-secondary-solved: #ffffff; --ct-sys-color-secondary-solved: #786300; --ct-sys-color-on-tertiary-solved: #ffffff; --ct-sys-color-tertiary-solved: #00735c; --ct-sys-color-on-error-solved: #ffffff; --ct-sys-color-error-solved: #ba1a1a; --ct-sys-color-on-information-solved: #ffffff; --ct-sys-color-information-solved: #006496; --ct-sys-color-on-success-solved: #ffffff; --ct-sys-color-success-solved: #006d38; --ct-sys-color-on-warning-solved: #ffffff; --ct-sys-color-warning-solved: #845400; --ct-sys-color-on-surface-solved: #22191a; --ct-sys-color-surface-solved: #ffffff; --ct-sys-color-background-solved: #ffffff; --ct-sys-color-surface-dim-solved: #e7d6d6; --ct-sys-color-surface-bright-solved: #fff8f7; --ct-sys-color-surface-container-lowest-solved: #ffffff; --ct-sys-color-surface-container-low-solved: #fff0f0; --ct-sys-color-surface-container-solved: #fceaea; --ct-sys-color-surface-container-high-solved: #f6e4e4; --ct-sys-color-surface-container-highest-solved: #f0dede; --ct-sys-color-on-surface-variant-solved: #524343; } :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-error-hover: #ad0d12; --ct-sys-color-error-pressed: #98000a; --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-error-container-hover: #93000a; --ct-sys-color-on-error-container-pressed: #93000a; --ct-sys-color-on-error-container-state-layer: #93000a; --ct-sys-color-on-error-hover: #ffffff; --ct-sys-color-on-error-pressed: #ffffff; --ct-sys-color-on-error-state-layer: #ffffff; --ct-sys-color-on-information: #ffffff; --ct-sys-color-on-information-container: #004b72; --ct-sys-color-on-information-container-hover: #004b72; --ct-sys-color-on-information-container-pressed: #004b72; --ct-sys-color-on-information-container-state-layer: #004b72; --ct-sys-color-on-information-hover: #ffffff; --ct-sys-color-on-information-pressed: #ffffff; --ct-sys-color-on-information-state-layer: #000000; --ct-sys-color-on-primary: #ffffff; --ct-sys-color-on-primary-container: #703700; --ct-sys-color-on-primary-container-hover: #703700; --ct-sys-color-on-primary-container-pressed: #703700; --ct-sys-color-on-primary-container-selected: #703700; --ct-sys-color-on-primary-container-selected-hover: #703700; --ct-sys-color-on-primary-container-selected-pressed: #693300; --ct-sys-color-on-primary-container-state-layer: #703700; --ct-sys-color-on-primary-fixed: #301400; --ct-sys-color-on-primary-fixed-variant: #703700; --ct-sys-color-on-primary-hover: #ffffff; --ct-sys-color-on-primary-pressed: #ffffff; --ct-sys-color-on-primary-state-layer: #000000; --ct-sys-color-on-secondary: #ffffff; --ct-sys-color-on-secondary-container: #275000; --ct-sys-color-on-secondary-container-hover: #275000; --ct-sys-color-on-secondary-container-pressed: #275000; --ct-sys-color-on-secondary-container-selected: #275000; --ct-sys-color-on-secondary-container-selected-hover: #275000; --ct-sys-color-on-secondary-container-selected-pressed: #244b00; --ct-sys-color-on-secondary-container-state-layer: #275000; --ct-sys-color-on-secondary-fixed: #0c2000; --ct-sys-color-on-secondary-fixed-variant: #275000; --ct-sys-color-on-secondary-hover: #ffffff; --ct-sys-color-on-secondary-pressed: #ffffff; --ct-sys-color-on-secondary-state-layer: #000000; --ct-sys-color-on-success: #ffffff; --ct-sys-color-on-success-container: #005229; --ct-sys-color-on-success-container-hover: #005229; --ct-sys-color-on-success-container-pressed: #005229; --ct-sys-color-on-success-container-state-layer: #005229; --ct-sys-color-on-success-hover: #ffffff; --ct-sys-color-on-success-pressed: #ffffff; --ct-sys-color-on-success-state-layer: #000000; --ct-sys-color-on-surface: #221a15; --ct-sys-color-on-surface-hover: #221a15; --ct-sys-color-on-surface-pressed: #221a15; --ct-sys-color-on-surface-selected-hover: #221a15; --ct-sys-color-on-surface-selected-pressed: #221a15; --ct-sys-color-on-surface-selected-state-layer: #221a15; --ct-sys-color-on-surface-variant: #52443b; --ct-sys-color-on-surface-variant-hover: #52443b; --ct-sys-color-on-surface-variant-pressed: #52443b; --ct-sys-color-on-tertiary: #ffffff; --ct-sys-color-on-tertiary-container: #004e5b; --ct-sys-color-on-tertiary-container-hover: #004e5b; --ct-sys-color-on-tertiary-container-pressed: #004e5b; --ct-sys-color-on-tertiary-container-state-layer: #004e5b; --ct-sys-color-on-tertiary-fixed: #001f25; --ct-sys-color-on-tertiary-fixed-variant: #004e5b; --ct-sys-color-on-tertiary-hover: #ffffff; --ct-sys-color-on-tertiary-pressed: #ffffff; --ct-sys-color-on-tertiary-state-layer: #000000; --ct-sys-color-on-warning: #ffffff; --ct-sys-color-on-warning-container: #5b4300; --ct-sys-color-on-warning-container-hover: #5b4300; --ct-sys-color-on-warning-container-pressed: #5b4300; --ct-sys-color-on-warning-container-state-layer: #5b4300; --ct-sys-color-on-warning-hover: #ffffff; --ct-sys-color-on-warning-pressed: #ffffff; --ct-sys-color-on-warning-state-layer: #000000; --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-hover: #864300; --ct-sys-color-primary-palette-key-color: #fe8500; --ct-sys-color-primary-pressed: #743a01; --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-hover: #366011; --ct-sys-color-secondary-palette-key-color: #63bb02; --ct-sys-color-secondary-pressed: #2a5404; --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-hover: #005f6e; --ct-sys-color-tertiary-palette-key-color: #01b6d1; --ct-sys-color-tertiary-pressed: #00525f; --ct-sys-color-warning: #845400; --ct-sys-color-warning-container: #f2e0c2; --ct-sys-color-on-primary-container-solved: #703700; --ct-sys-color-primary-container-solved: #ffdcc5; --ct-sys-color-on-secondary-container-solved: #275000; --ct-sys-color-secondary-container-solved: #d7e8c2; --ct-sys-color-on-tertiary-container-solved: #004e5b; --ct-sys-color-tertiary-container-solved: #c6e8f2; --ct-sys-color-on-error-container-solved: #93000a; --ct-sys-color-error-container-solved: #ffdad6; --ct-sys-color-on-information-container-solved: #004b72; --ct-sys-color-information-container-solved: #d7e4f2; --ct-sys-color-on-success-container-solved: #005229; --ct-sys-color-success-container-solved: #d6e7d5; --ct-sys-color-on-warning-container-solved: #5b4300; --ct-sys-color-warning-container-solved: #f2e0c2; --ct-sys-color-on-primary-solved: #ffffff; --ct-sys-color-primary-solved: #964c00; --ct-sys-color-on-secondary-solved: #ffffff; --ct-sys-color-secondary-solved: #3e691a; --ct-sys-color-on-tertiary-solved: #ffffff; --ct-sys-color-tertiary-solved: #007183; --ct-sys-color-on-error-solved: #ffffff; --ct-sys-color-error-solved: #ba1a1a; --ct-sys-color-on-information-solved: #ffffff; --ct-sys-color-information-solved: #006496; --ct-sys-color-on-success-solved: #ffffff; --ct-sys-color-success-solved: #006d38; --ct-sys-color-on-warning-solved: #ffffff; --ct-sys-color-warning-solved: #845400; --ct-sys-color-on-surface-solved: #221a15; --ct-sys-color-surface-solved: #ffffff; --ct-sys-color-background-solved: #ffffff; --ct-sys-color-surface-dim-solved: #e7d7ce; --ct-sys-color-surface-bright-solved: #fff8f5; --ct-sys-color-surface-container-lowest-solved: #ffffff; --ct-sys-color-surface-container-low-solved: #fff1e9; --ct-sys-color-surface-container-solved: #fbebe1; --ct-sys-color-surface-container-high-solved: #f5e5dc; --ct-sys-color-surface-container-highest-solved: #f0dfd6; --ct-sys-color-on-surface-variant-solved: #52443b; } :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-error-hover: #ad0d12; --ct-sys-color-error-pressed: #98000a; --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-error-container-hover: #93000a; --ct-sys-color-on-error-container-pressed: #93000a; --ct-sys-color-on-error-container-state-layer: #93000a; --ct-sys-color-on-error-hover: #ffffff; --ct-sys-color-on-error-pressed: #ffffff; --ct-sys-color-on-error-state-layer: #ffffff; --ct-sys-color-on-information: #ffffff; --ct-sys-color-on-information-container: #004b72; --ct-sys-color-on-information-container-hover: #004b72; --ct-sys-color-on-information-container-pressed: #004b72; --ct-sys-color-on-information-container-state-layer: #004b72; --ct-sys-color-on-information-hover: #ffffff; --ct-sys-color-on-information-pressed: #ffffff; --ct-sys-color-on-information-state-layer: #000000; --ct-sys-color-on-primary: #ffffff; --ct-sys-color-on-primary-container: #564500; --ct-sys-color-on-primary-container-hover: #564500; --ct-sys-color-on-primary-container-pressed: #564500; --ct-sys-color-on-primary-container-selected: #564500; --ct-sys-color-on-primary-container-selected-hover: #564500; --ct-sys-color-on-primary-container-selected-pressed: #514100; --ct-sys-color-on-primary-container-state-layer: #564500; --ct-sys-color-on-primary-fixed: #231b00; --ct-sys-color-on-primary-fixed-variant: #564500; --ct-sys-color-on-primary-hover: #ffffff; --ct-sys-color-on-primary-pressed: #ffffff; --ct-sys-color-on-primary-state-layer: #000000; --ct-sys-color-on-secondary: #ffffff; --ct-sys-color-on-secondary-container: #005140; --ct-sys-color-on-secondary-container-hover: #005140; --ct-sys-color-on-secondary-container-pressed: #005140; --ct-sys-color-on-secondary-container-selected: #005140; --ct-sys-color-on-secondary-container-selected-hover: #005140; --ct-sys-color-on-secondary-container-selected-pressed: #004b3b; --ct-sys-color-on-secondary-container-state-layer: #005140; --ct-sys-color-on-secondary-fixed: #002018; --ct-sys-color-on-secondary-fixed-variant: #005140; --ct-sys-color-on-secondary-hover: #ffffff; --ct-sys-color-on-secondary-pressed: #ffffff; --ct-sys-color-on-secondary-state-layer: #000000; --ct-sys-color-on-success: #ffffff; --ct-sys-color-on-success-container: #005229; --ct-sys-color-on-success-container-hover: #005229; --ct-sys-color-on-success-container-pressed: #005229; --ct-sys-color-on-success-container-state-layer: #005229; --ct-sys-color-on-success-hover: #ffffff; --ct-sys-color-on-success-pressed: #ffffff; --ct-sys-color-on-success-state-layer: #000000; --ct-sys-color-on-surface: #1e1b13; --ct-sys-color-on-surface-hover: #1e1b13; --ct-sys-color-on-surface-pressed: #1e1b13; --ct-sys-color-on-surface-selected-hover: #1e1b13; --ct-sys-color-on-surface-selected-pressed: #1e1b13; --ct-sys-color-on-surface-selected-state-layer: #1e1b13; --ct-sys-color-on-surface-variant: #4b4639; --ct-sys-color-on-surface-variant-hover: #4b4639; --ct-sys-color-on-surface-variant-pressed: #4b4639; --ct-sys-color-on-tertiary: #ffffff; --ct-sys-color-on-tertiary-container: #2b486a; --ct-sys-color-on-tertiary-container-hover: #2b486a; --ct-sys-color-on-tertiary-container-pressed: #2b486a; --ct-sys-color-on-tertiary-container-state-layer: #2b486a; --ct-sys-color-on-tertiary-fixed: #001c37; --ct-sys-color-on-tertiary-fixed-variant: #2b486a; --ct-sys-color-on-tertiary-hover: #ffffff; --ct-sys-color-on-tertiary-pressed: #ffffff; --ct-sys-color-on-tertiary-state-layer: #000000; --ct-sys-color-on-warning: #ffffff; --ct-sys-color-on-warning-container: #5b4300; --ct-sys-color-on-warning-container-hover: #5b4300; --ct-sys-color-on-warning-container-pressed: #5b4300; --ct-sys-color-on-warning-container-state-layer: #5b4300; --ct-sys-color-on-warning-hover: #ffffff; --ct-sys-color-on-warning-pressed: #ffffff; --ct-sys-color-on-warning-state-layer: #000000; --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-hover: #675400; --ct-sys-color-primary-palette-key-color: #fcd002; --ct-sys-color-primary-pressed: #594800; --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-hover: #01614e; --ct-sys-color-secondary-palette-key-color: #0df0c3; --ct-sys-color-secondary-pressed: #025444; --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-hover: #005898; --ct-sys-color-tertiary-palette-key-color: #5c799d; --ct-sys-color-tertiary-pressed: #004c84; --ct-sys-color-warning: #845400; --ct-sys-color-warning-container: #f2e0c2; --ct-sys-color-on-primary-container-solved: #564500; --ct-sys-color-primary-container-solved: #f3e2b1; --ct-sys-color-on-secondary-container-solved: #005140; --ct-sys-color-secondary-container-solved: #c6eadc; --ct-sys-color-on-tertiary-container-solved: #2b486a; --ct-sys-color-tertiary-container-solved: #d2e4fe; --ct-sys-color-on-error-container-solved: #93000a; --ct-sys-color-error-container-solved: #ffdad6; --ct-sys-color-on-information-container-solved: #004b72; --ct-sys-color-information-container-solved: #d7e4f2; --ct-sys-color-on-success-container-solved: #005229; --ct-sys-color-success-container-solved: #d6e7d5; --ct-sys-color-on-warning-container-solved: #5b4300; --ct-sys-color-warning-container-solved: #f2e0c2; --ct-sys-color-on-primary-solved: #ffffff; --ct-sys-color-primary-solved: #786200; --ct-sys-color-on-secondary-solved: #ffffff; --ct-sys-color-secondary-solved: #01735d; --ct-sys-color-on-tertiary-solved: #ffffff; --ct-sys-color-tertiary-solved: #0a61a4; --ct-sys-color-on-error-solved: #ffffff; --ct-sys-color-error-solved: #ba1a1a; --ct-sys-color-on-information-solved: #ffffff; --ct-sys-color-information-solved: #006496; --ct-sys-color-on-success-solved: #ffffff; --ct-sys-color-success-solved: #006d38; --ct-sys-color-on-warning-solved: #ffffff; --ct-sys-color-warning-solved: #845400; --ct-sys-color-on-surface-solved: #1e1b13; --ct-sys-color-surface-solved: #ffffff; --ct-sys-color-background-solved: #ffffff; --ct-sys-color-surface-dim-solved: #e1d9cc; --ct-sys-color-surface-bright-solved: #fff8ef; --ct-sys-color-surface-container-lowest-solved: #ffffff; --ct-sys-color-surface-container-low-solved: #fbf3e5; --ct-sys-color-surface-container-solved: #f5eddf; --ct-sys-color-surface-container-high-solved: #efe7da; --ct-sys-color-surface-container-highest-solved: #e9e2d4; --ct-sys-color-on-surface-variant-solved: #4b4639; } :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-error-hover: #ad0d12; --ct-sys-color-error-pressed: #98000a; --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-error-container-hover: #93000a; --ct-sys-color-on-error-container-pressed: #93000a; --ct-sys-color-on-error-container-state-layer: #93000a; --ct-sys-color-on-error-hover: #ffffff; --ct-sys-color-on-error-pressed: #ffffff; --ct-sys-color-on-error-state-layer: #ffffff; --ct-sys-color-on-information: #ffffff; --ct-sys-color-on-information-container: #004b72; --ct-sys-color-on-information-container-hover: #004b72; --ct-sys-color-on-information-container-pressed: #004b72; --ct-sys-color-on-information-container-state-layer: #004b72; --ct-sys-color-on-information-hover: #ffffff; --ct-sys-color-on-information-pressed: #ffffff; --ct-sys-color-on-information-state-layer: #000000; --ct-sys-color-on-primary: #ffffff; --ct-sys-color-on-primary-container: #275000; --ct-sys-color-on-primary-container-hover: #275000; --ct-sys-color-on-primary-container-pressed: #275000; --ct-sys-color-on-primary-container-selected: #275000; --ct-sys-color-on-primary-container-selected-hover: #275000; --ct-sys-color-on-primary-container-selected-pressed: #254c00; --ct-sys-color-on-primary-container-state-layer: #275000; --ct-sys-color-on-primary-fixed: #0c2000; --ct-sys-color-on-primary-fixed-variant: #275000; --ct-sys-color-on-primary-hover: #ffffff; --ct-sys-color-on-primary-pressed: #ffffff; --ct-sys-color-on-primary-state-layer: #000000; --ct-sys-color-on-secondary: #ffffff; --ct-sys-color-on-secondary-container: #004e5b; --ct-sys-color-on-secondary-container-hover: #004e5b; --ct-sys-color-on-secondary-container-pressed: #004e5b; --ct-sys-color-on-secondary-container-selected: #004e5b; --ct-sys-color-on-secondary-container-selected-hover: #004e5b; --ct-sys-color-on-secondary-container-selected-pressed: #004955; --ct-sys-color-on-secondary-container-state-layer: #004e5b; --ct-sys-color-on-secondary-fixed: #001f25; --ct-sys-color-on-secondary-fixed-variant: #004e5b; --ct-sys-color-on-secondary-hover: #ffffff; --ct-sys-color-on-secondary-pressed: #ffffff; --ct-sys-color-on-secondary-state-layer: #000000; --ct-sys-color-on-success: #ffffff; --ct-sys-color-on-success-container: #005229; --ct-sys-color-on-success-container-hover: #005229; --ct-sys-color-on-success-container-pressed: #005229; --ct-sys-color-on-success-container-state-layer: #005229; --ct-sys-color-on-success-hover: #ffffff; --ct-sys-color-on-success-pressed: #ffffff; --ct-sys-color-on-success-state-layer: #000000; --ct-sys-color-on-surface: #1a1d16; --ct-sys-color-on-surface-hover: #1a1d16; --ct-sys-color-on-surface-pressed: #1a1d16; --ct-sys-color-on-surface-selected-hover: #1a1d16; --ct-sys-color-on-surface-selected-pressed: #1a1d16; --ct-sys-color-on-surface-selected-state-layer: #1a1d16; --ct-sys-color-on-surface-variant: #44483e; --ct-sys-color-on-surface-variant-hover: #44483e; --ct-sys-color-on-surface-variant-pressed: #44483e; --ct-sys-color-on-tertiary: #ffffff; --ct-sys-color-on-tertiary-container: #4a25b8; --ct-sys-color-on-tertiary-container-hover: #4a25b8; --ct-sys-color-on-tertiary-container-pressed: #4a25b8; --ct-sys-color-on-tertiary-container-state-layer: #4a25b8; --ct-sys-color-on-tertiary-fixed: #1d0061; --ct-sys-color-on-tertiary-fixed-variant: #4a25b8; --ct-sys-color-on-tertiary-hover: #ffffff; --ct-sys-color-on-tertiary-pressed: #ffffff; --ct-sys-color-on-tertiary-state-layer: #000000; --ct-sys-color-on-warning: #ffffff; --ct-sys-color-on-warning-container: #5b4300; --ct-sys-color-on-warning-container-hover: #5b4300; --ct-sys-color-on-warning-container-pressed: #5b4300; --ct-sys-color-on-warning-container-state-layer: #5b4300; --ct-sys-color-on-warning-hover: #ffffff; --ct-sys-color-on-warning-pressed: #ffffff; --ct-sys-color-on-warning-state-layer: #000000; --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-hover: #366011; --ct-sys-color-primary-palette-key-color: #519a05; --ct-sys-color-primary-pressed: #2a5404; --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-hover: #005f6e; --ct-sys-color-secondary-palette-key-color: #0093a9; --ct-sys-color-secondary-pressed: #00525f; --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-hover: #59489d; --ct-sys-color-tertiary-palette-key-color: #7c5fec; --ct-sys-color-tertiary-pressed: #4d3c90; --ct-sys-color-warning: #845400; --ct-sys-color-warning-container: #f2e0c2; --ct-sys-color-on-primary-container-solved: #275000; --ct-sys-color-primary-container-solved: #d7e8c3; --ct-sys-color-on-secondary-container-solved: #004e5b; --ct-sys-color-secondary-container-solved: #c6e8f2; --ct-sys-color-on-tertiary-container-solved: #4a25b8; --ct-sys-color-tertiary-container-solved: #e6deff; --ct-sys-color-on-error-container-solved: #93000a; --ct-sys-color-error-container-solved: #ffdad6; --ct-sys-color-on-information-container-solved: #004b72; --ct-sys-color-information-container-solved: #d7e4f2; --ct-sys-color-on-success-container-solved: #005229; --ct-sys-color-success-container-solved: #d6e7d5; --ct-sys-color-on-warning-container-solved: #5b4300; --ct-sys-color-warning-container-solved: #f2e0c2; --ct-sys-color-on-primary-solved: #ffffff; --ct-sys-color-primary-solved: #3e691a; --ct-sys-color-on-secondary-solved: #ffffff; --ct-sys-color-secondary-solved: #007183; --ct-sys-color-on-tertiary-solved: #ffffff; --ct-sys-color-tertiary-solved: #6251a6; --ct-sys-color-on-error-solved: #ffffff; --ct-sys-color-error-solved: #ba1a1a; --ct-sys-color-on-information-solved: #ffffff; --ct-sys-color-information-solved: #006496; --ct-sys-color-on-success-solved: #ffffff; --ct-sys-color-success-solved: #006d38; --ct-sys-color-on-warning-solved: #ffffff; --ct-sys-color-warning-solved: #845400; --ct-sys-color-on-surface-solved: #1a1d16; --ct-sys-color-surface-solved: #ffffff; --ct-sys-color-background-solved: #ffffff; --ct-sys-color-surface-dim-solved: #d9dbd0; --ct-sys-color-surface-bright-solved: #f9faef; --ct-sys-color-surface-container-lowest-solved: #ffffff; --ct-sys-color-surface-container-low-solved: #f3f5ea; --ct-sys-color-surface-container-solved: #edefe4; --ct-sys-color-surface-container-high-solved: #e7e9de; --ct-sys-color-surface-container-highest-solved: #e2e3d9; --ct-sys-color-on-surface-variant-solved: #44483e; } :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-error-hover: #ad0d12; --ct-sys-color-error-pressed: #98000a; --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-error-container-hover: #93000a; --ct-sys-color-on-error-container-pressed: #93000a; --ct-sys-color-on-error-container-state-layer: #93000a; --ct-sys-color-on-error-hover: #ffffff; --ct-sys-color-on-error-pressed: #ffffff; --ct-sys-color-on-error-state-layer: #ffffff; --ct-sys-color-on-information: #ffffff; --ct-sys-color-on-information-container: #004b72; --ct-sys-color-on-information-container-hover: #004b72; --ct-sys-color-on-information-container-pressed: #004b72; --ct-sys-color-on-information-container-state-layer: #004b72; --ct-sys-color-on-information-hover: #ffffff; --ct-sys-color-on-information-pressed: #ffffff; --ct-sys-color-on-information-state-layer: #000000; --ct-sys-color-on-primary: #ffffff; --ct-sys-color-on-primary-container: #005140; --ct-sys-color-on-primary-container-hover: #005140; --ct-sys-color-on-primary-container-pressed: #005140; --ct-sys-color-on-primary-container-selected: #005140; --ct-sys-color-on-primary-container-selected-hover: #005140; --ct-sys-color-on-primary-container-selected-pressed: #004b3b; --ct-sys-color-on-primary-container-state-layer: #005140; --ct-sys-color-on-primary-fixed: #002018; --ct-sys-color-on-primary-fixed-variant: #005140; --ct-sys-color-on-primary-hover: #ffffff; --ct-sys-color-on-primary-pressed: #ffffff; --ct-sys-color-on-primary-state-layer: #000000; --ct-sys-color-on-secondary: #ffffff; --ct-sys-color-on-secondary-container: #2b4869; --ct-sys-color-on-secondary-container-hover: #2b4869; --ct-sys-color-on-secondary-container-pressed: #2b4869; --ct-sys-color-on-secondary-container-selected: #2b4869; --ct-sys-color-on-secondary-container-selected-hover: #2b4869; --ct-sys-color-on-secondary-container-selected-pressed: #264364; --ct-sys-color-on-secondary-container-state-layer: #2b4869; --ct-sys-color-on-secondary-fixed: #001c37; --ct-sys-color-on-secondary-fixed-variant: #2b4869; --ct-sys-color-on-secondary-hover: #ffffff; --ct-sys-color-on-secondary-pressed: #ffffff; --ct-sys-color-on-secondary-state-layer: #000000; --ct-sys-color-on-success: #ffffff; --ct-sys-color-on-success-container: #005229; --ct-sys-color-on-success-container-hover: #005229; --ct-sys-color-on-success-container-pressed: #005229; --ct-sys-color-on-success-container-state-layer: #005229; --ct-sys-color-on-success-hover: #ffffff; --ct-sys-color-on-success-pressed: #ffffff; --ct-sys-color-on-success-state-layer: #000000; --ct-sys-color-on-surface: #171d1a; --ct-sys-color-on-surface-hover: #171d1a; --ct-sys-color-on-surface-pressed: #171d1a; --ct-sys-color-on-surface-selected-hover: #171d1a; --ct-sys-color-on-surface-selected-pressed: #171d1a; --ct-sys-color-on-surface-selected-state-layer: #171d1a; --ct-sys-color-on-surface-variant: #3f4945; --ct-sys-color-on-surface-variant-hover: #3f4945; --ct-sys-color-on-surface-variant-pressed: #3f4945; --ct-sys-color-on-tertiary: #ffffff; --ct-sys-color-on-tertiary-container: #64375f; --ct-sys-color-on-tertiary-container-hover: #64375f; --ct-sys-color-on-tertiary-container-pressed: #64375f; --ct-sys-color-on-tertiary-container-state-layer: #64375f; --ct-sys-color-on-tertiary-fixed: #330a31; --ct-sys-color-on-tertiary-fixed-variant: #64375f; --ct-sys-color-on-tertiary-hover: #ffffff; --ct-sys-color-on-tertiary-pressed: #ffffff; --ct-sys-color-on-tertiary-state-layer: #000000; --ct-sys-color-on-warning: #ffffff; --ct-sys-color-on-warning-container: #5b4300; --ct-sys-color-on-warning-container-hover: #5b4300; --ct-sys-color-on-warning-container-pressed: #5b4300; --ct-sys-color-on-warning-container-state-layer: #5b4300; --ct-sys-color-on-warning-hover: #ffffff; --ct-sys-color-on-warning-pressed: #ffffff; --ct-sys-color-on-warning-state-layer: #000000; --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-hover: #01614e; --ct-sys-color-primary-palette-key-color: #00f0c3; --ct-sys-color-primary-pressed: #025444; --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-hover: #005799; --ct-sys-color-secondary-palette-key-color: #5d799d; --ct-sys-color-secondary-pressed: #004b85; --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-hover: #7f3a7b; --ct-sys-color-tertiary-palette-key-color: #9a6692; --ct-sys-color-tertiary-pressed: #712e6e; --ct-sys-color-warning: #845400; --ct-sys-color-warning-container: #f2e0c2; --ct-sys-color-on-primary-container-solved: #005140; --ct-sys-color-primary-container-solved: #c6eadc; --ct-sys-color-on-secondary-container-solved: #2b4869; --ct-sys-color-secondary-container-solved: #d2e4fe; --ct-sys-color-on-tertiary-container-solved: #64375f; --ct-sys-color-tertiary-container-solved: #fcd8f3; --ct-sys-color-on-error-container-solved: #93000a; --ct-sys-color-error-container-solved: #ffdad6; --ct-sys-color-on-information-container-solved: #004b72; --ct-sys-color-information-container-solved: #d7e4f2; --ct-sys-color-on-success-container-solved: #005229; --ct-sys-color-success-container-solved: #d6e7d5; --ct-sys-color-on-warning-container-solved: #5b4300; --ct-sys-color-warning-container-solved: #f2e0c2; --ct-sys-color-on-primary-solved: #ffffff; --ct-sys-color-primary-solved: #01735d; --ct-sys-color-on-secondary-solved: #ffffff; --ct-sys-color-secondary-solved: #0f60a4; --ct-sys-color-on-tertiary-solved: #ffffff; --ct-sys-color-tertiary-solved: #8a4485; --ct-sys-color-on-error-solved: #ffffff; --ct-sys-color-error-solved: #ba1a1a; --ct-sys-color-on-information-solved: #ffffff; --ct-sys-color-information-solved: #006496; --ct-sys-color-on-success-solved: #ffffff; --ct-sys-color-success-solved: #006d38; --ct-sys-color-on-warning-solved: #ffffff; --ct-sys-color-warning-solved: #845400; --ct-sys-color-on-surface-solved: #171d1a; --ct-sys-color-surface-solved: #ffffff; --ct-sys-color-background-solved: #ffffff; --ct-sys-color-surface-dim-solved: #d5dbd7; --ct-sys-color-surface-bright-solved: #f5fbf6; --ct-sys-color-surface-container-lowest-solved: #ffffff; --ct-sys-color-surface-container-low-solved: #eff5f1; --ct-sys-color-surface-container-solved: #e9efeb; --ct-sys-color-surface-container-high-solved: #e3eae5; --ct-sys-color-surface-container-highest-solved: #dee4e0; --ct-sys-color-on-surface-variant-solved: #3f4945; } :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-error-hover: #ad0d12; --ct-sys-color-error-pressed: #98000a; --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-error-container-hover: #93000a; --ct-sys-color-on-error-container-pressed: #93000a; --ct-sys-color-on-error-container-state-layer: #93000a; --ct-sys-color-on-error-hover: #ffffff; --ct-sys-color-on-error-pressed: #ffffff; --ct-sys-color-on-error-state-layer: #ffffff; --ct-sys-color-on-information: #ffffff; --ct-sys-color-on-information-container: #004b72; --ct-sys-color-on-information-container-hover: #004b72; --ct-sys-color-on-information-container-pressed: #004b72; --ct-sys-color-on-information-container-state-layer: #004b72; --ct-sys-color-on-information-hover: #ffffff; --ct-sys-color-on-information-pressed: #ffffff; --ct-sys-color-on-information-state-layer: #000000; --ct-sys-color-on-primary: #ffffff; --ct-sys-color-on-primary-container: #004e5b; --ct-sys-color-on-primary-container-hover: #004e5b; --ct-sys-color-on-primary-container-pressed: #004e5b; --ct-sys-color-on-primary-container-selected: #004e5b; --ct-sys-color-on-primary-container-selected-hover: #004e5b; --ct-sys-color-on-primary-container-selected-pressed: #004955; --ct-sys-color-on-primary-container-state-layer: #004e5b; --ct-sys-color-on-primary-fixed: #001f25; --ct-sys-color-on-primary-fixed-variant: #004e5b; --ct-sys-color-on-primary-hover: #ffffff; --ct-sys-color-on-primary-pressed: #ffffff; --ct-sys-color-on-primary-state-layer: #000000; --ct-sys-color-on-secondary: #ffffff; --ct-sys-color-on-secondary-container: #493f72; --ct-sys-color-on-secondary-container-hover: #493f72; --ct-sys-color-on-secondary-container-pressed: #493f72; --ct-sys-color-on-secondary-container-selected: #493f72; --ct-sys-color-on-secondary-container-selected-hover: #493f72; --ct-sys-color-on-secondary-container-selected-pressed: #443a6d; --ct-sys-color-on-secondary-container-state-layer: #493f72; --ct-sys-color-on-secondary-fixed: #1d1244; --ct-sys-color-on-secondary-fixed-variant: #493f72; --ct-sys-color-on-secondary-hover: #ffffff; --ct-sys-color-on-secondary-pressed: #ffffff; --ct-sys-color-on-secondary-state-layer: #000000; --ct-sys-color-on-success: #ffffff; --ct-sys-color-on-success-container: #005229; --ct-sys-color-on-success-container-hover: #005229; --ct-sys-color-on-success-container-pressed: #005229; --ct-sys-color-on-success-container-state-layer: #005229; --ct-sys-color-on-success-hover: #ffffff; --ct-sys-color-on-success-pressed: #ffffff; --ct-sys-color-on-success-state-layer: #000000; --ct-sys-color-on-surface: #171d1e; --ct-sys-color-on-surface-hover: #171d1e; --ct-sys-color-on-surface-pressed: #171d1e; --ct-sys-color-on-surface-selected-hover: #171d1e; --ct-sys-color-on-surface-selected-pressed: #171d1e; --ct-sys-color-on-surface-selected-state-layer: #171d1e; --ct-sys-color-on-surface-variant: #3f484b; --ct-sys-color-on-surface-variant-hover: #3f484b; --ct-sys-color-on-surface-variant-pressed: #3f484b; --ct-sys-color-on-tertiary: #ffffff; --ct-sys-color-on-tertiary-container: #6a383c; --ct-sys-color-on-tertiary-container-hover: #6a383c; --ct-sys-color-on-tertiary-container-pressed: #6a383c; --ct-sys-color-on-tertiary-container-state-layer: #6a383c; --ct-sys-color-on-tertiary-fixed: #350e12; --ct-sys-color-on-tertiary-fixed-variant: #6a383c; --ct-sys-color-on-tertiary-hover: #ffffff; --ct-sys-color-on-tertiary-pressed: #ffffff; --ct-sys-color-on-tertiary-state-layer: #000000; --ct-sys-color-on-warning: #ffffff; --ct-sys-color-on-warning-container: #5b4300; --ct-sys-color-on-warning-container-hover: #5b4300; --ct-sys-color-on-warning-container-pressed: #5b4300; --ct-sys-color-on-warning-container-state-layer: #5b4300; --ct-sys-color-on-warning-hover: #ffffff; --ct-sys-color-on-warning-pressed: #ffffff; --ct-sys-color-on-warning-state-layer: #000000; --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-hover: #005f6e; --ct-sys-color-primary-palette-key-color: #00dcfd; --ct-sys-color-primary-pressed: #00525f; --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-hover: #59489d; --ct-sys-color-secondary-palette-key-color: #7a70a6; --ct-sys-color-secondary-pressed: #4d3c90; --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-hover: #913841; --ct-sys-color-tertiary-palette-key-color: #a1676a; --ct-sys-color-tertiary-pressed: #822c36; --ct-sys-color-warning: #845400; --ct-sys-color-warning-container: #f2e0c2; --ct-sys-color-on-primary-container-solved: #004e5b; --ct-sys-color-primary-container-solved: #c6e8f2; --ct-sys-color-on-secondary-container-solved: #493f72; --ct-sys-color-secondary-container-solved: #e7deff; --ct-sys-color-on-tertiary-container-solved: #6a383c; --ct-sys-color-tertiary-container-solved: #ffdada; --ct-sys-color-on-error-container-solved: #93000a; --ct-sys-color-error-container-solved: #ffdad6; --ct-sys-color-on-information-container-solved: #004b72; --ct-sys-color-information-container-solved: #d7e4f2; --ct-sys-color-on-success-container-solved: #005229; --ct-sys-color-success-container-solved: #d6e7d5; --ct-sys-color-on-warning-container-solved: #5b4300; --ct-sys-color-warning-container-solved: #f2e0c2; --ct-sys-color-on-primary-solved: #ffffff; --ct-sys-color-primary-solved: #007183; --ct-sys-color-on-secondary-solved: #ffffff; --ct-sys-color-secondary-solved: #6251a6; --ct-sys-color-on-tertiary-solved: #ffffff; --ct-sys-color-tertiary-solved: #9c4049; --ct-sys-color-on-error-solved: #ffffff; --ct-sys-color-error-solved: #ba1a1a; --ct-sys-color-on-information-solved: #ffffff; --ct-sys-color-information-solved: #006496; --ct-sys-color-on-success-solved: #ffffff; --ct-sys-color-success-solved: #006d38; --ct-sys-color-on-warning-solved: #ffffff; --ct-sys-color-warning-solved: #845400; --ct-sys-color-on-surface-solved: #171d1e; --ct-sys-color-surface-solved: #ffffff; --ct-sys-color-background-solved: #ffffff; --ct-sys-color-surface-dim-solved: #d5dbdd; --ct-sys-color-surface-bright-solved: #f5fafc; --ct-sys-color-surface-container-lowest-solved: #ffffff; --ct-sys-color-surface-container-low-solved: #eff4f6; --ct-sys-color-surface-container-solved: #e9eff1; --ct-sys-color-surface-container-high-solved: #e4e9eb; --ct-sys-color-surface-container-highest-solved: #dee3e5; --ct-sys-color-on-surface-variant-solved: #3f484b; } [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-error-hover: #ad0d12; --ct-sys-color-error-pressed: #9a000a; --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-error-container-hover: #93000a; --ct-sys-color-on-error-container-pressed: #93000a; --ct-sys-color-on-error-container-state-layer: #93000a; --ct-sys-color-on-error-hover: #ffffff; --ct-sys-color-on-error-pressed: #ffffff; --ct-sys-color-on-error-state-layer: #ffffff; --ct-sys-color-on-information: #ffffff; --ct-sys-color-on-information-container: #004b72; --ct-sys-color-on-information-container-hover: #004b72; --ct-sys-color-on-information-container-pressed: #004b72; --ct-sys-color-on-information-container-state-layer: #004b72; --ct-sys-color-on-information-hover: #ffffff; --ct-sys-color-on-information-pressed: #ffffff; --ct-sys-color-on-information-state-layer: #000000; --ct-sys-color-on-primary: #ffffff; --ct-sys-color-on-primary-container: #00497f; --ct-sys-color-on-primary-container-hover: #00497f; --ct-sys-color-on-primary-container-pressed: #00497f; --ct-sys-color-on-primary-container-selected: #00497f; --ct-sys-color-on-primary-container-selected-hover: #00497f; --ct-sys-color-on-primary-container-selected-pressed: #004477; --ct-sys-color-on-primary-container-state-layer: #00497f; --ct-sys-color-on-primary-fixed: #001c37; --ct-sys-color-on-primary-fixed-variant: #00497f; --ct-sys-color-on-primary-hover: #ffffff; --ct-sys-color-on-primary-pressed: #ffffff; --ct-sys-color-on-primary-state-layer: #000000; --ct-sys-color-on-secondary: #ffffff; --ct-sys-color-on-secondary-container: #810080; --ct-sys-color-on-secondary-container-hover: #810080; --ct-sys-color-on-secondary-container-pressed: #810080; --ct-sys-color-on-secondary-container-selected: #810080; --ct-sys-color-on-secondary-container-selected-hover: #810080; --ct-sys-color-on-secondary-container-selected-pressed: #750174; --ct-sys-color-on-secondary-container-state-layer: #810080; --ct-sys-color-on-secondary-fixed: #380038; --ct-sys-color-on-secondary-fixed-variant: #810080; --ct-sys-color-on-secondary-hover: #ffffff; --ct-sys-color-on-secondary-pressed: #ffffff; --ct-sys-color-on-secondary-state-layer: #000000; --ct-sys-color-on-success: #ffffff; --ct-sys-color-on-success-container: #005229; --ct-sys-color-on-success-container-hover: #005229; --ct-sys-color-on-success-container-pressed: #005229; --ct-sys-color-on-success-container-state-layer: #005229; --ct-sys-color-on-success-hover: #ffffff; --ct-sys-color-on-success-pressed: #ffffff; --ct-sys-color-on-success-state-layer: #000000; --ct-sys-color-on-surface: #191c20; --ct-sys-color-on-surface-hover: #191c20; --ct-sys-color-on-surface-pressed: #191c20; --ct-sys-color-on-surface-selected-hover: #191c20; --ct-sys-color-on-surface-selected-pressed: #191c20; --ct-sys-color-on-surface-selected-state-layer: #191c20; --ct-sys-color-on-surface-variant: #43474e; --ct-sys-color-on-surface-variant-hover: #43474e; --ct-sys-color-on-surface-variant-pressed: #43474e; --ct-sys-color-on-tertiary: #ffffff; --ct-sys-color-on-tertiary-container: #703700; --ct-sys-color-on-tertiary-container-hover: #703700; --ct-sys-color-on-tertiary-container-pressed: #703700; --ct-sys-color-on-tertiary-container-state-layer: #703700; --ct-sys-color-on-tertiary-fixed: #301400; --ct-sys-color-on-tertiary-fixed-variant: #703700; --ct-sys-color-on-tertiary-hover: #ffffff; --ct-sys-color-on-tertiary-pressed: #ffffff; --ct-sys-color-on-tertiary-state-layer: #000000; --ct-sys-color-on-warning: #ffffff; --ct-sys-color-on-warning-container: #5b4300; --ct-sys-color-on-warning-container-hover: #5b4300; --ct-sys-color-on-warning-container-pressed: #5b4300; --ct-sys-color-on-warning-container-state-layer: #5b4300; --ct-sys-color-on-warning-hover: #ffffff; --ct-sys-color-on-warning-pressed: #ffffff; --ct-sys-color-on-warning-state-layer: #000000; --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-hover: #005898; --ct-sys-color-primary-palette-key-color: #0397fe; --ct-sys-color-primary-pressed: #004c85; --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-hover: #813c7b; --ct-sys-color-secondary-palette-key-color: #f505f3; --ct-sys-color-secondary-pressed: #742f6e; --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-hover: #864300; --ct-sys-color-tertiary-palette-key-color: #e37600; --ct-sys-color-tertiary-pressed: #743a01; --ct-sys-color-warning: #845400; --ct-sys-color-warning-container: #f2e0c2; --ct-sys-color-on-primary-container-solved: #00497f; --ct-sys-color-primary-container-solved: #d2e4fe; --ct-sys-color-on-secondary-container-solved: #810080; --ct-sys-color-secondary-container-solved: #fcd8f3; --ct-sys-color-on-tertiary-container-solved: #703700; --ct-sys-color-tertiary-container-solved: #ffdcc5; --ct-sys-color-on-error-container-solved: #93000a; --ct-sys-color-error-container-solved: #ffdad6; --ct-sys-color-on-information-container-solved: #004b72; --ct-sys-color-information-container-solved: #d7e4f2; --ct-sys-color-on-success-container-solved: #005229; --ct-sys-color-success-container-solved: #d6e7d5; --ct-sys-color-on-warning-container-solved: #5b4300; --ct-sys-color-warning-container-solved: #f2e0c2; --ct-sys-color-on-primary-solved: #ffffff; --ct-sys-color-primary-solved: #0b61a4; --ct-sys-color-on-secondary-solved: #ffffff; --ct-sys-color-secondary-solved: #8b4484; --ct-sys-color-on-tertiary-solved: #ffffff; --ct-sys-color-tertiary-solved: #964c00; --ct-sys-color-on-error-solved: #ffffff; --ct-sys-color-error-solved: #ba1a1a; --ct-sys-color-on-information-solved: #ffffff; --ct-sys-color-information-solved: #006496; --ct-sys-color-on-success-solved: #ffffff; --ct-sys-color-success-solved: #006d38; --ct-sys-color-on-warning-solved: #ffffff; --ct-sys-color-warning-solved: #845400; --ct-sys-color-on-surface-solved: #191c20; --ct-sys-color-surface-solved: #ffffff; --ct-sys-color-background-solved: #ffffff; --ct-sys-color-surface-dim-solved: #d8dae0; --ct-sys-color-surface-bright-solved: #f8f9ff; --ct-sys-color-surface-container-lowest-solved: #ffffff; --ct-sys-color-surface-container-low-solved: #f2f3fa; --ct-sys-color-surface-container-solved: #eceef4; --ct-sys-color-surface-container-high-solved: #e7e8ee; --ct-sys-color-surface-container-highest-solved: #e1e2e8; --ct-sys-color-on-surface-variant-solved: #43474e; } [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-error-hover: #ad0d12; --ct-sys-color-error-pressed: #98000a; --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-error-container-hover: #93000a; --ct-sys-color-on-error-container-pressed: #93000a; --ct-sys-color-on-error-container-state-layer: #93000a; --ct-sys-color-on-error-hover: #ffffff; --ct-sys-color-on-error-pressed: #ffffff; --ct-sys-color-on-error-state-layer: #ffffff; --ct-sys-color-on-information: #ffffff; --ct-sys-color-on-information-container: #004b72; --ct-sys-color-on-information-container-hover: #004b72; --ct-sys-color-on-information-container-pressed: #004b72; --ct-sys-color-on-information-container-state-layer: #004b72; --ct-sys-color-on-information-hover: #ffffff; --ct-sys-color-on-information-pressed: #ffffff; --ct-sys-color-on-information-state-layer: #000000; --ct-sys-color-on-primary: #ffffff; --ct-sys-color-on-primary-container: #4a21bd; --ct-sys-color-on-primary-container-hover: #4a21bd; --ct-sys-color-on-primary-container-pressed: #4a21bd; --ct-sys-color-on-primary-container-selected: #4a21bd; --ct-sys-color-on-primary-container-selected-hover: #4a21bd; --ct-sys-color-on-primary-container-selected-pressed: #4416b7; --ct-sys-color-on-primary-container-state-layer: #4a21bd; --ct-sys-color-on-primary-fixed: #1d0061; --ct-sys-color-on-primary-fixed-variant: #4a21bd; --ct-sys-color-on-primary-hover: #ffffff; --ct-sys-color-on-primary-pressed: #ffffff; --ct-sys-color-on-primary-state-layer: #000000; --ct-sys-color-on-secondary: #ffffff; --ct-sys-color-on-secondary-container: #920028; --ct-sys-color-on-secondary-container-hover: #920028; --ct-sys-color-on-secondary-container-pressed: #920028; --ct-sys-color-on-secondary-container-selected: #920028; --ct-sys-color-on-secondary-container-selected-hover: #920028; --ct-sys-color-on-secondary-container-selected-pressed: #830023; --ct-sys-color-on-secondary-container-state-layer: #920028; --ct-sys-color-on-secondary-fixed: #40000c; --ct-sys-color-on-secondary-fixed-variant: #920028; --ct-sys-color-on-secondary-hover: #ffffff; --ct-sys-color-on-secondary-pressed: #ffffff; --ct-sys-color-on-secondary-state-layer: #000000; --ct-sys-color-on-success: #ffffff; --ct-sys-color-on-success-container: #005229; --ct-sys-color-on-success-container-hover: #005229; --ct-sys-color-on-success-container-pressed: #005229; --ct-sys-color-on-success-container-state-layer: #005229; --ct-sys-color-on-success-hover: #ffffff; --ct-sys-color-on-success-pressed: #ffffff; --ct-sys-color-on-success-state-layer: #000000; --ct-sys-color-on-surface: #1c1b20; --ct-sys-color-on-surface-hover: #1c1b20; --ct-sys-color-on-surface-pressed: #1c1b20; --ct-sys-color-on-surface-selected-hover: #1c1b20; --ct-sys-color-on-surface-selected-pressed: #1c1b20; --ct-sys-color-on-surface-selected-state-layer: #1c1b20; --ct-sys-color-on-surface-variant: #48454e; --ct-sys-color-on-surface-variant-hover: #48454e; --ct-sys-color-on-surface-variant-pressed: #48454e; --ct-sys-color-on-tertiary: #ffffff; --ct-sys-color-on-tertiary-container: #554500; --ct-sys-color-on-tertiary-container-hover: #554500; --ct-sys-color-on-tertiary-container-pressed: #554500; --ct-sys-color-on-tertiary-container-state-layer: #554500; --ct-sys-color-on-tertiary-fixed: #231b00; --ct-sys-color-on-tertiary-fixed-variant: #554500; --ct-sys-color-on-tertiary-hover: #ffffff; --ct-sys-color-on-tertiary-pressed: #ffffff; --ct-sys-color-on-tertiary-state-layer: #000000; --ct-sys-color-on-warning: #ffffff; --ct-sys-color-on-warning-container: #5b4300; --ct-sys-color-on-warning-container-hover: #5b4300; --ct-sys-color-on-warning-container-pressed: #5b4300; --ct-sys-color-on-warning-container-state-layer: #5b4300; --ct-sys-color-on-warning-hover: #ffffff; --ct-sys-color-on-warning-pressed: #ffffff; --ct-sys-color-on-warning-state-layer: #000000; --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-hover: #59489d; --ct-sys-color-primary-palette-key-color: #7c5df0; --ct-sys-color-primary-pressed: #4d3c90; --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-hover: #913841; --ct-sys-color-secondary-palette-key-color: #ec0848; --ct-sys-color-secondary-pressed: #822c36; --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-hover: #675400; --ct-sys-color-tertiary-palette-key-color: #9d8102; --ct-sys-color-tertiary-pressed: #594800; --ct-sys-color-warning: #845400; --ct-sys-color-warning-container: #f2e0c2; --ct-sys-color-on-primary-container-solved: #4a21bd; --ct-sys-color-primary-container-solved: #e6deff; --ct-sys-color-on-secondary-container-solved: #920028; --ct-sys-color-secondary-container-solved: #ffdada; --ct-sys-color-on-tertiary-container-solved: #554500; --ct-sys-color-tertiary-container-solved: #f2e2b1; --ct-sys-color-on-error-container-solved: #93000a; --ct-sys-color-error-container-solved: #ffdad6; --ct-sys-color-on-information-container-solved: #004b72; --ct-sys-color-information-container-solved: #d7e4f2; --ct-sys-color-on-success-container-solved: #005229; --ct-sys-color-success-container-solved: #d6e7d5; --ct-sys-color-on-warning-container-solved: #5b4300; --ct-sys-color-warning-container-solved: #f2e0c2; --ct-sys-color-on-primary-solved: #ffffff; --ct-sys-color-primary-solved: #6251a6; --ct-sys-color-on-secondary-solved: #ffffff; --ct-sys-color-secondary-solved: #9c4049; --ct-sys-color-on-tertiary-solved: #ffffff; --ct-sys-color-tertiary-solved: #786200; --ct-sys-color-on-error-solved: #ffffff; --ct-sys-color-error-solved: #ba1a1a; --ct-sys-color-on-information-solved: #ffffff; --ct-sys-color-information-solved: #006496; --ct-sys-color-on-success-solved: #ffffff; --ct-sys-color-success-solved: #006d38; --ct-sys-color-on-warning-solved: #ffffff; --ct-sys-color-warning-solved: #845400; --ct-sys-color-on-surface-solved: #1c1b20; --ct-sys-color-surface-solved: #ffffff; --ct-sys-color-background-solved: #ffffff; --ct-sys-color-surface-dim-solved: #ddd8e0; --ct-sys-color-surface-bright-solved: #fdf8ff; --ct-sys-color-surface-container-lowest-solved: #ffffff; --ct-sys-color-surface-container-low-solved: #f7f2fa; --ct-sys-color-surface-container-solved: #f1ecf4; --ct-sys-color-surface-container-high-solved: #ebe6ee; --ct-sys-color-surface-container-highest-solved: #e6e1e9; --ct-sys-color-on-surface-variant-solved: #48454e; } [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-error-hover: #ad0d12; --ct-sys-color-error-pressed: #98000a; --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-error-container-hover: #93000a; --ct-sys-color-on-error-container-pressed: #93000a; --ct-sys-color-on-error-container-state-layer: #93000a; --ct-sys-color-on-error-hover: #ffffff; --ct-sys-color-on-error-pressed: #ffffff; --ct-sys-color-on-error-state-layer: #ffffff; --ct-sys-color-on-information: #ffffff; --ct-sys-color-on-information-container: #004b72; --ct-sys-color-on-information-container-hover: #004b72; --ct-sys-color-on-information-container-pressed: #004b72; --ct-sys-color-on-information-container-state-layer: #004b72; --ct-sys-color-on-information-hover: #ffffff; --ct-sys-color-on-information-pressed: #ffffff; --ct-sys-color-on-information-state-layer: #000000; --ct-sys-color-on-primary: #ffffff; --ct-sys-color-on-primary-container: #810180; --ct-sys-color-on-primary-container-hover: #810180; --ct-sys-color-on-primary-container-pressed: #810180; --ct-sys-color-on-primary-container-selected: #810180; --ct-sys-color-on-primary-container-selected-hover: #810180; --ct-sys-color-on-primary-container-selected-pressed: #740073; --ct-sys-color-on-primary-container-state-layer: #810180; --ct-sys-color-on-primary-fixed: #380037; --ct-sys-color-on-primary-fixed-variant: #810180; --ct-sys-color-on-primary-hover: #ffffff; --ct-sys-color-on-primary-pressed: #ffffff; --ct-sys-color-on-primary-state-layer: #000000; --ct-sys-color-on-secondary: #ffffff; --ct-sys-color-on-secondary-container: #703700; --ct-sys-color-on-secondary-container-hover: #703700; --ct-sys-color-on-secondary-container-pressed: #703700; --ct-sys-color-on-secondary-container-selected: #703700; --ct-sys-color-on-secondary-container-selected-hover: #703700; --ct-sys-color-on-secondary-container-selected-pressed: #693300; --ct-sys-color-on-secondary-container-state-layer: #703700; --ct-sys-color-on-secondary-fixed: #301400; --ct-sys-color-on-secondary-fixed-variant: #703700; --ct-sys-color-on-secondary-hover: #ffffff; --ct-sys-color-on-secondary-pressed: #ffffff; --ct-sys-color-on-secondary-state-layer: #000000; --ct-sys-color-on-success: #ffffff; --ct-sys-color-on-success-container: #005229; --ct-sys-color-on-success-container-hover: #005229; --ct-sys-color-on-success-container-pressed: #005229; --ct-sys-color-on-success-container-state-layer: #005229; --ct-sys-color-on-success-hover: #ffffff; --ct-sys-color-on-success-pressed: #ffffff; --ct-sys-color-on-success-state-layer: #000000; --ct-sys-color-on-surface: #201a1e; --ct-sys-color-on-surface-hover: #201a1e; --ct-sys-color-on-surface-pressed: #201a1e; --ct-sys-color-on-surface-selected-hover: #201a1e; --ct-sys-color-on-surface-selected-pressed: #201a1e; --ct-sys-color-on-surface-selected-state-layer: #201a1e; --ct-sys-color-on-surface-variant: #4e444b; --ct-sys-color-on-surface-variant-hover: #4e444b; --ct-sys-color-on-surface-variant-pressed: #4e444b; --ct-sys-color-on-tertiary: #ffffff; --ct-sys-color-on-tertiary-container: #275000; --ct-sys-color-on-tertiary-container-hover: #275000; --ct-sys-color-on-tertiary-container-pressed: #275000; --ct-sys-color-on-tertiary-container-state-layer: #275000; --ct-sys-color-on-tertiary-fixed: #0c2000; --ct-sys-color-on-tertiary-fixed-variant: #275000; --ct-sys-color-on-tertiary-hover: #ffffff; --ct-sys-color-on-tertiary-pressed: #ffffff; --ct-sys-color-on-tertiary-state-layer: #000000; --ct-sys-color-on-warning: #ffffff; --ct-sys-color-on-warning-container: #5b4300; --ct-sys-color-on-warning-container-hover: #5b4300; --ct-sys-color-on-warning-container-pressed: #5b4300; --ct-sys-color-on-warning-container-state-layer: #5b4300; --ct-sys-color-on-warning-hover: #ffffff; --ct-sys-color-on-warning-pressed: #ffffff; --ct-sys-color-on-warning-state-layer: #000000; --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-hover: #813c7b; --ct-sys-color-primary-palette-key-color: #bc46b5; --ct-sys-color-primary-pressed: #742f6e; --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-hover: #864300; --ct-sys-color-secondary-palette-key-color: #ab662e; --ct-sys-color-secondary-pressed: #743a01; --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-hover: #366010; --ct-sys-color-tertiary-palette-key-color: #568331; --ct-sys-color-tertiary-pressed: #2a5403; --ct-sys-color-warning: #845400; --ct-sys-color-warning-container: #f2e0c2; --ct-sys-color-on-primary-container-solved: #810180; --ct-sys-color-primary-container-solved: #fcd8f3; --ct-sys-color-on-secondary-container-solved: #703700; --ct-sys-color-secondary-container-solved: #ffdcc5; --ct-sys-color-on-tertiary-container-solved: #275000; --ct-sys-color-tertiary-container-solved: #d7e9c3; --ct-sys-color-on-error-container-solved: #93000a; --ct-sys-color-error-container-solved: #ffdad6; --ct-sys-color-on-information-container-solved: #004b72; --ct-sys-color-information-container-solved: #d7e4f2; --ct-sys-color-on-success-container-solved: #005229; --ct-sys-color-success-container-solved: #d6e7d5; --ct-sys-color-on-warning-container-solved: #5b4300; --ct-sys-color-warning-container-solved: #f2e0c2; --ct-sys-color-on-primary-solved: #ffffff; --ct-sys-color-primary-solved: #8b4484; --ct-sys-color-on-secondary-solved: #ffffff; --ct-sys-color-secondary-solved: #964c00; --ct-sys-color-on-tertiary-solved: #ffffff; --ct-sys-color-tertiary-solved: #3e6919; --ct-sys-color-on-error-solved: #ffffff; --ct-sys-color-error-solved: #ba1a1a; --ct-sys-color-on-information-solved: #ffffff; --ct-sys-color-information-solved: #006496; --ct-sys-color-on-success-solved: #ffffff; --ct-sys-color-success-solved: #006d38; --ct-sys-color-on-warning-solved: #ffffff; --ct-sys-color-warning-solved: #845400; --ct-sys-color-on-surface-solved: #201a1e; --ct-sys-color-surface-solved: #ffffff; --ct-sys-color-background-solved: #ffffff; --ct-sys-color-surface-dim-solved: #e3d7dd; --ct-sys-color-surface-bright-solved: #fff7f9; --ct-sys-color-surface-container-lowest-solved: #ffffff; --ct-sys-color-surface-container-low-solved: #fdf0f6; --ct-sys-color-surface-container-solved: #f7eaf1; --ct-sys-color-surface-container-high-solved: #f1e5eb; --ct-sys-color-surface-container-highest-solved: #ecdfe5; --ct-sys-color-on-surface-variant-solved: #4e444b; } [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-error-hover: #ad0d12; --ct-sys-color-error-pressed: #98000a; --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-error-container-hover: #93000a; --ct-sys-color-on-error-container-pressed: #93000a; --ct-sys-color-on-error-container-state-layer: #93000a; --ct-sys-color-on-error-hover: #ffffff; --ct-sys-color-on-error-pressed: #ffffff; --ct-sys-color-on-error-state-layer: #ffffff; --ct-sys-color-on-information: #ffffff; --ct-sys-color-on-information-container: #004b72; --ct-sys-color-on-information-container-hover: #004b72; --ct-sys-color-on-information-container-pressed: #004b72; --ct-sys-color-on-information-container-state-layer: #004b72; --ct-sys-color-on-information-hover: #ffffff; --ct-sys-color-on-information-pressed: #ffffff; --ct-sys-color-on-information-state-layer: #000000; --ct-sys-color-on-primary: #ffffff; --ct-sys-color-on-primary-container: #8f0c2a; --ct-sys-color-on-primary-container-hover: #8f0c2a; --ct-sys-color-on-primary-container-pressed: #8f0c2a; --ct-sys-color-on-primary-container-selected: #8f0c2a; --ct-sys-color-on-primary-container-selected-hover: #8f0c2a; --ct-sys-color-on-primary-container-selected-pressed: #850124; --ct-sys-color-on-primary-container-state-layer: #8f0c2a; --ct-sys-color-on-primary-fixed: #40000d; --ct-sys-color-on-primary-fixed-variant: #8f0c2a; --ct-sys-color-on-primary-hover: #ffffff; --ct-sys-color-on-primary-pressed: #ffffff; --ct-sys-color-on-primary-state-layer: #000000; --ct-sys-color-on-secondary: #ffffff; --ct-sys-color-on-secondary-container: #554500; --ct-sys-color-on-secondary-container-hover: #554500; --ct-sys-color-on-secondary-container-pressed: #554500; --ct-sys-color-on-secondary-container-selected: #554500; --ct-sys-color-on-secondary-container-selected-hover: #554500; --ct-sys-color-on-secondary-container-selected-pressed: #504100; --ct-sys-color-on-secondary-container-state-layer: #554500; --ct-sys-color-on-secondary-fixed: #231b00; --ct-sys-color-on-secondary-fixed-variant: #554500; --ct-sys-color-on-secondary-hover: #ffffff; --ct-sys-color-on-secondary-pressed: #ffffff; --ct-sys-color-on-secondary-state-layer: #000000; --ct-sys-color-on-success: #ffffff; --ct-sys-color-on-success-container: #005229; --ct-sys-color-on-success-container-hover: #005229; --ct-sys-color-on-success-container-pressed: #005229; --ct-sys-color-on-success-container-state-layer: #005229; --ct-sys-color-on-success-hover: #ffffff; --ct-sys-color-on-success-pressed: #ffffff; --ct-sys-color-on-success-state-layer: #000000; --ct-sys-color-on-surface: #22191a; --ct-sys-color-on-surface-hover: #22191a; --ct-sys-color-on-surface-pressed: #22191a; --ct-sys-color-on-surface-selected-hover: #22191a; --ct-sys-color-on-surface-selected-pressed: #22191a; --ct-sys-color-on-surface-selected-state-layer: #22191a; --ct-sys-color-on-surface-variant: #524343; --ct-sys-color-on-surface-variant-hover: #524343; --ct-sys-color-on-surface-variant-pressed: #524343; --ct-sys-color-on-tertiary: #ffffff; --ct-sys-color-on-tertiary-container: #005140; --ct-sys-color-on-tertiary-container-hover: #005140; --ct-sys-color-on-tertiary-container-pressed: #005140; --ct-sys-color-on-tertiary-container-state-layer: #005140; --ct-sys-color-on-tertiary-fixed: #002018; --ct-sys-color-on-tertiary-fixed-variant: #005140; --ct-sys-color-on-tertiary-hover: #ffffff; --ct-sys-color-on-tertiary-pressed: #ffffff; --ct-sys-color-on-tertiary-state-layer: #000000; --ct-sys-color-on-warning: #ffffff; --ct-sys-color-on-warning-container: #5b4300; --ct-sys-color-on-warning-container-hover: #5b4300; --ct-sys-color-on-warning-container-pressed: #5b4300; --ct-sys-color-on-warning-container-state-layer: #5b4300; --ct-sys-color-on-warning-hover: #ffffff; --ct-sys-color-on-warning-pressed: #ffffff; --ct-sys-color-on-warning-state-layer: #000000; --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-hover: #913842; --ct-sys-color-primary-palette-key-color: #d24356; --ct-sys-color-primary-pressed: #822c37; --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-hover: #665400; --ct-sys-color-secondary-palette-key-color: #8a762f; --ct-sys-color-secondary-pressed: #584800; --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-hover: #03614e; --ct-sys-color-tertiary-palette-key-color: #418370; --ct-sys-color-tertiary-pressed: #015443; --ct-sys-color-warning: #845400; --ct-sys-color-warning-container: #f2e0c2; --ct-sys-color-on-primary-container-solved: #8f0c2a; --ct-sys-color-primary-container-solved: #ffdada; --ct-sys-color-on-secondary-container-solved: #554500; --ct-sys-color-secondary-container-solved: #f3e2b1; --ct-sys-color-on-tertiary-container-solved: #005140; --ct-sys-color-tertiary-container-solved: #c6eadc; --ct-sys-color-on-error-container-solved: #93000a; --ct-sys-color-error-container-solved: #ffdad6; --ct-sys-color-on-information-container-solved: #004b72; --ct-sys-color-information-container-solved: #d7e4f2; --ct-sys-color-on-success-container-solved: #005229; --ct-sys-color-success-container-solved: #d6e7d5; --ct-sys-color-on-warning-container-solved: #5b4300; --ct-sys-color-warning-container-solved: #f2e0c2; --ct-sys-color-on-primary-solved: #ffffff; --ct-sys-color-primary-solved: #9c404a; --ct-sys-color-on-secondary-solved: #ffffff; --ct-sys-color-secondary-solved: #786300; --ct-sys-color-on-tertiary-solved: #ffffff; --ct-sys-color-tertiary-solved: #00735c; --ct-sys-color-on-error-solved: #ffffff; --ct-sys-color-error-solved: #ba1a1a; --ct-sys-color-on-information-solved: #ffffff; --ct-sys-color-information-solved: #006496; --ct-sys-color-on-success-solved: #ffffff; --ct-sys-color-success-solved: #006d38; --ct-sys-color-on-warning-solved: #ffffff; --ct-sys-color-warning-solved: #845400; --ct-sys-color-on-surface-solved: #22191a; --ct-sys-color-surface-solved: #ffffff; --ct-sys-color-background-solved: #ffffff; --ct-sys-color-surface-dim-solved: #e7d6d6; --ct-sys-color-surface-bright-solved: #fff8f7; --ct-sys-color-surface-container-lowest-solved: #ffffff; --ct-sys-color-surface-container-low-solved: #fff0f0; --ct-sys-color-surface-container-solved: #fceaea; --ct-sys-color-surface-container-high-solved: #f6e4e4; --ct-sys-color-surface-container-highest-solved: #f0dede; --ct-sys-color-on-surface-variant-solved: #524343; } [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-error-hover: #ad0d12; --ct-sys-color-error-pressed: #98000a; --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-error-container-hover: #93000a; --ct-sys-color-on-error-container-pressed: #93000a; --ct-sys-color-on-error-container-state-layer: #93000a; --ct-sys-color-on-error-hover: #ffffff; --ct-sys-color-on-error-pressed: #ffffff; --ct-sys-color-on-error-state-layer: #ffffff; --ct-sys-color-on-information: #ffffff; --ct-sys-color-on-information-container: #004b72; --ct-sys-color-on-information-container-hover: #004b72; --ct-sys-color-on-information-container-pressed: #004b72; --ct-sys-color-on-information-container-state-layer: #004b72; --ct-sys-color-on-information-hover: #ffffff; --ct-sys-color-on-information-pressed: #ffffff; --ct-sys-color-on-information-state-layer: #000000; --ct-sys-color-on-primary: #ffffff; --ct-sys-color-on-primary-container: #703700; --ct-sys-color-on-primary-container-hover: #703700; --ct-sys-color-on-primary-container-pressed: #703700; --ct-sys-color-on-primary-container-selected: #703700; --ct-sys-color-on-primary-container-selected-hover: #703700; --ct-sys-color-on-primary-container-selected-pressed: #693300; --ct-sys-color-on-primary-container-state-layer: #703700; --ct-sys-color-on-primary-fixed: #301400; --ct-sys-color-on-primary-fixed-variant: #703700; --ct-sys-color-on-primary-hover: #ffffff; --ct-sys-color-on-primary-pressed: #ffffff; --ct-sys-color-on-primary-state-layer: #000000; --ct-sys-color-on-secondary: #ffffff; --ct-sys-color-on-secondary-container: #275000; --ct-sys-color-on-secondary-container-hover: #275000; --ct-sys-color-on-secondary-container-pressed: #275000; --ct-sys-color-on-secondary-container-selected: #275000; --ct-sys-color-on-secondary-container-selected-hover: #275000; --ct-sys-color-on-secondary-container-selected-pressed: #244b00; --ct-sys-color-on-secondary-container-state-layer: #275000; --ct-sys-color-on-secondary-fixed: #0c2000; --ct-sys-color-on-secondary-fixed-variant: #275000; --ct-sys-color-on-secondary-hover: #ffffff; --ct-sys-color-on-secondary-pressed: #ffffff; --ct-sys-color-on-secondary-state-layer: #000000; --ct-sys-color-on-success: #ffffff; --ct-sys-color-on-success-container: #005229; --ct-sys-color-on-success-container-hover: #005229; --ct-sys-color-on-success-container-pressed: #005229; --ct-sys-color-on-success-container-state-layer: #005229; --ct-sys-color-on-success-hover: #ffffff; --ct-sys-color-on-success-pressed: #ffffff; --ct-sys-color-on-success-state-layer: #000000; --ct-sys-color-on-surface: #221a15; --ct-sys-color-on-surface-hover: #221a15; --ct-sys-color-on-surface-pressed: #221a15; --ct-sys-color-on-surface-selected-hover: #221a15; --ct-sys-color-on-surface-selected-pressed: #221a15; --ct-sys-color-on-surface-selected-state-layer: #221a15; --ct-sys-color-on-surface-variant: #52443b; --ct-sys-color-on-surface-variant-hover: #52443b; --ct-sys-color-on-surface-variant-pressed: #52443b; --ct-sys-color-on-tertiary: #ffffff; --ct-sys-color-on-tertiary-container: #004e5b; --ct-sys-color-on-tertiary-container-hover: #004e5b; --ct-sys-color-on-tertiary-container-pressed: #004e5b; --ct-sys-color-on-tertiary-container-state-layer: #004e5b; --ct-sys-color-on-tertiary-fixed: #001f25; --ct-sys-color-on-tertiary-fixed-variant: #004e5b; --ct-sys-color-on-tertiary-hover: #ffffff; --ct-sys-color-on-tertiary-pressed: #ffffff; --ct-sys-color-on-tertiary-state-layer: #000000; --ct-sys-color-on-warning: #ffffff; --ct-sys-color-on-warning-container: #5b4300; --ct-sys-color-on-warning-container-hover: #5b4300; --ct-sys-color-on-warning-container-pressed: #5b4300; --ct-sys-color-on-warning-container-state-layer: #5b4300; --ct-sys-color-on-warning-hover: #ffffff; --ct-sys-color-on-warning-pressed: #ffffff; --ct-sys-color-on-warning-state-layer: #000000; --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-hover: #864300; --ct-sys-color-primary-palette-key-color: #fe8500; --ct-sys-color-primary-pressed: #743a01; --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-hover: #366011; --ct-sys-color-secondary-palette-key-color: #63bb02; --ct-sys-color-secondary-pressed: #2a5404; --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-hover: #005f6e; --ct-sys-color-tertiary-palette-key-color: #01b6d1; --ct-sys-color-tertiary-pressed: #00525f; --ct-sys-color-warning: #845400; --ct-sys-color-warning-container: #f2e0c2; --ct-sys-color-on-primary-container-solved: #703700; --ct-sys-color-primary-container-solved: #ffdcc5; --ct-sys-color-on-secondary-container-solved: #275000; --ct-sys-color-secondary-container-solved: #d7e8c2; --ct-sys-color-on-tertiary-container-solved: #004e5b; --ct-sys-color-tertiary-container-solved: #c6e8f2; --ct-sys-color-on-error-container-solved: #93000a; --ct-sys-color-error-container-solved: #ffdad6; --ct-sys-color-on-information-container-solved: #004b72; --ct-sys-color-information-container-solved: #d7e4f2; --ct-sys-color-on-success-container-solved: #005229; --ct-sys-color-success-container-solved: #d6e7d5; --ct-sys-color-on-warning-container-solved: #5b4300; --ct-sys-color-warning-container-solved: #f2e0c2; --ct-sys-color-on-primary-solved: #ffffff; --ct-sys-color-primary-solved: #964c00; --ct-sys-color-on-secondary-solved: #ffffff; --ct-sys-color-secondary-solved: #3e691a; --ct-sys-color-on-tertiary-solved: #ffffff; --ct-sys-color-tertiary-solved: #007183; --ct-sys-color-on-error-solved: #ffffff; --ct-sys-color-error-solved: #ba1a1a; --ct-sys-color-on-information-solved: #ffffff; --ct-sys-color-information-solved: #006496; --ct-sys-color-on-success-solved: #ffffff; --ct-sys-color-success-solved: #006d38; --ct-sys-color-on-warning-solved: #ffffff; --ct-sys-color-warning-solved: #845400; --ct-sys-color-on-surface-solved: #221a15; --ct-sys-color-surface-solved: #ffffff; --ct-sys-color-background-solved: #ffffff; --ct-sys-color-surface-dim-solved: #e7d7ce; --ct-sys-color-surface-bright-solved: #fff8f5; --ct-sys-color-surface-container-lowest-solved: #ffffff; --ct-sys-color-surface-container-low-solved: #fff1e9; --ct-sys-color-surface-container-solved: #fbebe1; --ct-sys-color-surface-container-high-solved: #f5e5dc; --ct-sys-color-surface-container-highest-solved: #f0dfd6; --ct-sys-color-on-surface-variant-solved: #52443b; } [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-error-hover: #ad0d12; --ct-sys-color-error-pressed: #98000a; --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-error-container-hover: #93000a; --ct-sys-color-on-error-container-pressed: #93000a; --ct-sys-color-on-error-container-state-layer: #93000a; --ct-sys-color-on-error-hover: #ffffff; --ct-sys-color-on-error-pressed: #ffffff; --ct-sys-color-on-error-state-layer: #ffffff; --ct-sys-color-on-information: #ffffff; --ct-sys-color-on-information-container: #004b72; --ct-sys-color-on-information-container-hover: #004b72; --ct-sys-color-on-information-container-pressed: #004b72; --ct-sys-color-on-information-container-state-layer: #004b72; --ct-sys-color-on-information-hover: #ffffff; --ct-sys-color-on-information-pressed: #ffffff; --ct-sys-color-on-information-state-layer: #000000; --ct-sys-color-on-primary: #ffffff; --ct-sys-color-on-primary-container: #564500; --ct-sys-color-on-primary-container-hover: #564500; --ct-sys-color-on-primary-container-pressed: #564500; --ct-sys-color-on-primary-container-selected: #564500; --ct-sys-color-on-primary-container-selected-hover: #564500; --ct-sys-color-on-primary-container-selected-pressed: #514100; --ct-sys-color-on-primary-container-state-layer: #564500; --ct-sys-color-on-primary-fixed: #231b00; --ct-sys-color-on-primary-fixed-variant: #564500; --ct-sys-color-on-primary-hover: #ffffff; --ct-sys-color-on-primary-pressed: #ffffff; --ct-sys-color-on-primary-state-layer: #000000; --ct-sys-color-on-secondary: #ffffff; --ct-sys-color-on-secondary-container: #005140; --ct-sys-color-on-secondary-container-hover: #005140; --ct-sys-color-on-secondary-container-pressed: #005140; --ct-sys-color-on-secondary-container-selected: #005140; --ct-sys-color-on-secondary-container-selected-hover: #005140; --ct-sys-color-on-secondary-container-selected-pressed: #004b3b; --ct-sys-color-on-secondary-container-state-layer: #005140; --ct-sys-color-on-secondary-fixed: #002018; --ct-sys-color-on-secondary-fixed-variant: #005140; --ct-sys-color-on-secondary-hover: #ffffff; --ct-sys-color-on-secondary-pressed: #ffffff; --ct-sys-color-on-secondary-state-layer: #000000; --ct-sys-color-on-success: #ffffff; --ct-sys-color-on-success-container: #005229; --ct-sys-color-on-success-container-hover: #005229; --ct-sys-color-on-success-container-pressed: #005229; --ct-sys-color-on-success-container-state-layer: #005229; --ct-sys-color-on-success-hover: #ffffff; --ct-sys-color-on-success-pressed: #ffffff; --ct-sys-color-on-success-state-layer: #000000; --ct-sys-color-on-surface: #1e1b13; --ct-sys-color-on-surface-hover: #1e1b13; --ct-sys-color-on-surface-pressed: #1e1b13; --ct-sys-color-on-surface-selected-hover: #1e1b13; --ct-sys-color-on-surface-selected-pressed: #1e1b13; --ct-sys-color-on-surface-selected-state-layer: #1e1b13; --ct-sys-color-on-surface-variant: #4b4639; --ct-sys-color-on-surface-variant-hover: #4b4639; --ct-sys-color-on-surface-variant-pressed: #4b4639; --ct-sys-color-on-tertiary: #ffffff; --ct-sys-color-on-tertiary-container: #2b486a; --ct-sys-color-on-tertiary-container-hover: #2b486a; --ct-sys-color-on-tertiary-container-pressed: #2b486a; --ct-sys-color-on-tertiary-container-state-layer: #2b486a; --ct-sys-color-on-tertiary-fixed: #001c37; --ct-sys-color-on-tertiary-fixed-variant: #2b486a; --ct-sys-color-on-tertiary-hover: #ffffff; --ct-sys-color-on-tertiary-pressed: #ffffff; --ct-sys-color-on-tertiary-state-layer: #000000; --ct-sys-color-on-warning: #ffffff; --ct-sys-color-on-warning-container: #5b4300; --ct-sys-color-on-warning-container-hover: #5b4300; --ct-sys-color-on-warning-container-pressed: #5b4300; --ct-sys-color-on-warning-container-state-layer: #5b4300; --ct-sys-color-on-warning-hover: #ffffff; --ct-sys-color-on-warning-pressed: #ffffff; --ct-sys-color-on-warning-state-layer: #000000; --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-hover: #675400; --ct-sys-color-primary-palette-key-color: #fcd002; --ct-sys-color-primary-pressed: #594800; --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-hover: #01614e; --ct-sys-color-secondary-palette-key-color: #0df0c3; --ct-sys-color-secondary-pressed: #025444; --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-hover: #005898; --ct-sys-color-tertiary-palette-key-color: #5c799d; --ct-sys-color-tertiary-pressed: #004c84; --ct-sys-color-warning: #845400; --ct-sys-color-warning-container: #f2e0c2; --ct-sys-color-on-primary-container-solved: #564500; --ct-sys-color-primary-container-solved: #f3e2b1; --ct-sys-color-on-secondary-container-solved: #005140; --ct-sys-color-secondary-container-solved: #c6eadc; --ct-sys-color-on-tertiary-container-solved: #2b486a; --ct-sys-color-tertiary-container-solved: #d2e4fe; --ct-sys-color-on-error-container-solved: #93000a; --ct-sys-color-error-container-solved: #ffdad6; --ct-sys-color-on-information-container-solved: #004b72; --ct-sys-color-information-container-solved: #d7e4f2; --ct-sys-color-on-success-container-solved: #005229; --ct-sys-color-success-container-solved: #d6e7d5; --ct-sys-color-on-warning-container-solved: #5b4300; --ct-sys-color-warning-container-solved: #f2e0c2; --ct-sys-color-on-primary-solved: #ffffff; --ct-sys-color-primary-solved: #786200; --ct-sys-color-on-secondary-solved: #ffffff; --ct-sys-color-secondary-solved: #01735d; --ct-sys-color-on-tertiary-solved: #ffffff; --ct-sys-color-tertiary-solved: #0a61a4; --ct-sys-color-on-error-solved: #ffffff; --ct-sys-color-error-solved: #ba1a1a; --ct-sys-color-on-information-solved: #ffffff; --ct-sys-color-information-solved: #006496; --ct-sys-color-on-success-solved: #ffffff; --ct-sys-color-success-solved: #006d38; --ct-sys-color-on-warning-solved: #ffffff; --ct-sys-color-warning-solved: #845400; --ct-sys-color-on-surface-solved: #1e1b13; --ct-sys-color-surface-solved: #ffffff; --ct-sys-color-background-solved: #ffffff; --ct-sys-color-surface-dim-solved: #e1d9cc; --ct-sys-color-surface-bright-solved: #fff8ef; --ct-sys-color-surface-container-lowest-solved: #ffffff; --ct-sys-color-surface-container-low-solved: #fbf3e5; --ct-sys-color-surface-container-solved: #f5eddf; --ct-sys-color-surface-container-high-solved: #efe7da; --ct-sys-color-surface-container-highest-solved: #e9e2d4; --ct-sys-color-on-surface-variant-solved: #4b4639; } [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-error-hover: #ad0d12; --ct-sys-color-error-pressed: #98000a; --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-error-container-hover: #93000a; --ct-sys-color-on-error-container-pressed: #93000a; --ct-sys-color-on-error-container-state-layer: #93000a; --ct-sys-color-on-error-hover: #ffffff; --ct-sys-color-on-error-pressed: #ffffff; --ct-sys-color-on-error-state-layer: #ffffff; --ct-sys-color-on-information: #ffffff; --ct-sys-color-on-information-container: #004b72; --ct-sys-color-on-information-container-hover: #004b72; --ct-sys-color-on-information-container-pressed: #004b72; --ct-sys-color-on-information-container-state-layer: #004b72; --ct-sys-color-on-information-hover: #ffffff; --ct-sys-color-on-information-pressed: #ffffff; --ct-sys-color-on-information-state-layer: #000000; --ct-sys-color-on-primary: #ffffff; --ct-sys-color-on-primary-container: #275000; --ct-sys-color-on-primary-container-hover: #275000; --ct-sys-color-on-primary-container-pressed: #275000; --ct-sys-color-on-primary-container-selected: #275000; --ct-sys-color-on-primary-container-selected-hover: #275000; --ct-sys-color-on-primary-container-selected-pressed: #254c00; --ct-sys-color-on-primary-container-state-layer: #275000; --ct-sys-color-on-primary-fixed: #0c2000; --ct-sys-color-on-primary-fixed-variant: #275000; --ct-sys-color-on-primary-hover: #ffffff; --ct-sys-color-on-primary-pressed: #ffffff; --ct-sys-color-on-primary-state-layer: #000000; --ct-sys-color-on-secondary: #ffffff; --ct-sys-color-on-secondary-container: #004e5b; --ct-sys-color-on-secondary-container-hover: #004e5b; --ct-sys-color-on-secondary-container-pressed: #004e5b; --ct-sys-color-on-secondary-container-selected: #004e5b; --ct-sys-color-on-secondary-container-selected-hover: #004e5b; --ct-sys-color-on-secondary-container-selected-pressed: #004955; --ct-sys-color-on-secondary-container-state-layer: #004e5b; --ct-sys-color-on-secondary-fixed: #001f25; --ct-sys-color-on-secondary-fixed-variant: #004e5b; --ct-sys-color-on-secondary-hover: #ffffff; --ct-sys-color-on-secondary-pressed: #ffffff; --ct-sys-color-on-secondary-state-layer: #000000; --ct-sys-color-on-success: #ffffff; --ct-sys-color-on-success-container: #005229; --ct-sys-color-on-success-container-hover: #005229; --ct-sys-color-on-success-container-pressed: #005229; --ct-sys-color-on-success-container-state-layer: #005229; --ct-sys-color-on-success-hover: #ffffff; --ct-sys-color-on-success-pressed: #ffffff; --ct-sys-color-on-success-state-layer: #000000; --ct-sys-color-on-surface: #1a1d16; --ct-sys-color-on-surface-hover: #1a1d16; --ct-sys-color-on-surface-pressed: #1a1d16; --ct-sys-color-on-surface-selected-hover: #1a1d16; --ct-sys-color-on-surface-selected-pressed: #1a1d16; --ct-sys-color-on-surface-selected-state-layer: #1a1d16; --ct-sys-color-on-surface-variant: #44483e; --ct-sys-color-on-surface-variant-hover: #44483e; --ct-sys-color-on-surface-variant-pressed: #44483e; --ct-sys-color-on-tertiary: #ffffff; --ct-sys-color-on-tertiary-container: #4a25b8; --ct-sys-color-on-tertiary-container-hover: #4a25b8; --ct-sys-color-on-tertiary-container-pressed: #4a25b8; --ct-sys-color-on-tertiary-container-state-layer: #4a25b8; --ct-sys-color-on-tertiary-fixed: #1d0061; --ct-sys-color-on-tertiary-fixed-variant: #4a25b8; --ct-sys-color-on-tertiary-hover: #ffffff; --ct-sys-color-on-tertiary-pressed: #ffffff; --ct-sys-color-on-tertiary-state-layer: #000000; --ct-sys-color-on-warning: #ffffff; --ct-sys-color-on-warning-container: #5b4300; --ct-sys-color-on-warning-container-hover: #5b4300; --ct-sys-color-on-warning-container-pressed: #5b4300; --ct-sys-color-on-warning-container-state-layer: #5b4300; --ct-sys-color-on-warning-hover: #ffffff; --ct-sys-color-on-warning-pressed: #ffffff; --ct-sys-color-on-warning-state-layer: #000000; --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-hover: #366011; --ct-sys-color-primary-palette-key-color: #519a05; --ct-sys-color-primary-pressed: #2a5404; --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-hover: #005f6e; --ct-sys-color-secondary-palette-key-color: #0093a9; --ct-sys-color-secondary-pressed: #00525f; --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-hover: #59489d; --ct-sys-color-tertiary-palette-key-color: #7c5fec; --ct-sys-color-tertiary-pressed: #4d3c90; --ct-sys-color-warning: #845400; --ct-sys-color-warning-container: #f2e0c2; --ct-sys-color-on-primary-container-solved: #275000; --ct-sys-color-primary-container-solved: #d7e8c3; --ct-sys-color-on-secondary-container-solved: #004e5b; --ct-sys-color-secondary-container-solved: #c6e8f2; --ct-sys-color-on-tertiary-container-solved: #4a25b8; --ct-sys-color-tertiary-container-solved: #e6deff; --ct-sys-color-on-error-container-solved: #93000a; --ct-sys-color-error-container-solved: #ffdad6; --ct-sys-color-on-information-container-solved: #004b72; --ct-sys-color-information-container-solved: #d7e4f2; --ct-sys-color-on-success-container-solved: #005229; --ct-sys-color-success-container-solved: #d6e7d5; --ct-sys-color-on-warning-container-solved: #5b4300; --ct-sys-color-warning-container-solved: #f2e0c2; --ct-sys-color-on-primary-solved: #ffffff; --ct-sys-color-primary-solved: #3e691a; --ct-sys-color-on-secondary-solved: #ffffff; --ct-sys-color-secondary-solved: #007183; --ct-sys-color-on-tertiary-solved: #ffffff; --ct-sys-color-tertiary-solved: #6251a6; --ct-sys-color-on-error-solved: #ffffff; --ct-sys-color-error-solved: #ba1a1a; --ct-sys-color-on-information-solved: #ffffff; --ct-sys-color-information-solved: #006496; --ct-sys-color-on-success-solved: #ffffff; --ct-sys-color-success-solved: #006d38; --ct-sys-color-on-warning-solved: #ffffff; --ct-sys-color-warning-solved: #845400; --ct-sys-color-on-surface-solved: #1a1d16; --ct-sys-color-surface-solved: #ffffff; --ct-sys-color-background-solved: #ffffff; --ct-sys-color-surface-dim-solved: #d9dbd0; --ct-sys-color-surface-bright-solved: #f9faef; --ct-sys-color-surface-container-lowest-solved: #ffffff; --ct-sys-color-surface-container-low-solved: #f3f5ea; --ct-sys-color-surface-container-solved: #edefe4; --ct-sys-color-surface-container-high-solved: #e7e9de; --ct-sys-color-surface-container-highest-solved: #e2e3d9; --ct-sys-color-on-surface-variant-solved: #44483e; } [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-error-hover: #ad0d12; --ct-sys-color-error-pressed: #98000a; --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-error-container-hover: #93000a; --ct-sys-color-on-error-container-pressed: #93000a; --ct-sys-color-on-error-container-state-layer: #93000a; --ct-sys-color-on-error-hover: #ffffff; --ct-sys-color-on-error-pressed: #ffffff; --ct-sys-color-on-error-state-layer: #ffffff; --ct-sys-color-on-information: #ffffff; --ct-sys-color-on-information-container: #004b72; --ct-sys-color-on-information-container-hover: #004b72; --ct-sys-color-on-information-container-pressed: #004b72; --ct-sys-color-on-information-container-state-layer: #004b72; --ct-sys-color-on-information-hover: #ffffff; --ct-sys-color-on-information-pressed: #ffffff; --ct-sys-color-on-information-state-layer: #000000; --ct-sys-color-on-primary: #ffffff; --ct-sys-color-on-primary-container: #005140; --ct-sys-color-on-primary-container-hover: #005140; --ct-sys-color-on-primary-container-pressed: #005140; --ct-sys-color-on-primary-container-selected: #005140; --ct-sys-color-on-primary-container-selected-hover: #005140; --ct-sys-color-on-primary-container-selected-pressed: #004b3b; --ct-sys-color-on-primary-container-state-layer: #005140; --ct-sys-color-on-primary-fixed: #002018; --ct-sys-color-on-primary-fixed-variant: #005140; --ct-sys-color-on-primary-hover: #ffffff; --ct-sys-color-on-primary-pressed: #ffffff; --ct-sys-color-on-primary-state-layer: #000000; --ct-sys-color-on-secondary: #ffffff; --ct-sys-color-on-secondary-container: #2b4869; --ct-sys-color-on-secondary-container-hover: #2b4869; --ct-sys-color-on-secondary-container-pressed: #2b4869; --ct-sys-color-on-secondary-container-selected: #2b4869; --ct-sys-color-on-secondary-container-selected-hover: #2b4869; --ct-sys-color-on-secondary-container-selected-pressed: #264364; --ct-sys-color-on-secondary-container-state-layer: #2b4869; --ct-sys-color-on-secondary-fixed: #001c37; --ct-sys-color-on-secondary-fixed-variant: #2b4869; --ct-sys-color-on-secondary-hover: #ffffff; --ct-sys-color-on-secondary-pressed: #ffffff; --ct-sys-color-on-secondary-state-layer: #000000; --ct-sys-color-on-success: #ffffff; --ct-sys-color-on-success-container: #005229; --ct-sys-color-on-success-container-hover: #005229; --ct-sys-color-on-success-container-pressed: #005229; --ct-sys-color-on-success-container-state-layer: #005229; --ct-sys-color-on-success-hover: #ffffff; --ct-sys-color-on-success-pressed: #ffffff; --ct-sys-color-on-success-state-layer: #000000; --ct-sys-color-on-surface: #171d1a; --ct-sys-color-on-surface-hover: #171d1a; --ct-sys-color-on-surface-pressed: #171d1a; --ct-sys-color-on-surface-selected-hover: #171d1a; --ct-sys-color-on-surface-selected-pressed: #171d1a; --ct-sys-color-on-surface-selected-state-layer: #171d1a; --ct-sys-color-on-surface-variant: #3f4945; --ct-sys-color-on-surface-variant-hover: #3f4945; --ct-sys-color-on-surface-variant-pressed: #3f4945; --ct-sys-color-on-tertiary: #ffffff; --ct-sys-color-on-tertiary-container: #64375f; --ct-sys-color-on-tertiary-container-hover: #64375f; --ct-sys-color-on-tertiary-container-pressed: #64375f; --ct-sys-color-on-tertiary-container-state-layer: #64375f; --ct-sys-color-on-tertiary-fixed: #330a31; --ct-sys-color-on-tertiary-fixed-variant: #64375f; --ct-sys-color-on-tertiary-hover: #ffffff; --ct-sys-color-on-tertiary-pressed: #ffffff; --ct-sys-color-on-tertiary-state-layer: #000000; --ct-sys-color-on-warning: #ffffff; --ct-sys-color-on-warning-container: #5b4300; --ct-sys-color-on-warning-container-hover: #5b4300; --ct-sys-color-on-warning-container-pressed: #5b4300; --ct-sys-color-on-warning-container-state-layer: #5b4300; --ct-sys-color-on-warning-hover: #ffffff; --ct-sys-color-on-warning-pressed: #ffffff; --ct-sys-color-on-warning-state-layer: #000000; --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-hover: #01614e; --ct-sys-color-primary-palette-key-color: #00f0c3; --ct-sys-color-primary-pressed: #025444; --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-hover: #005799; --ct-sys-color-secondary-palette-key-color: #5d799d; --ct-sys-color-secondary-pressed: #004b85; --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-hover: #7f3a7b; --ct-sys-color-tertiary-palette-key-color: #9a6692; --ct-sys-color-tertiary-pressed: #712e6e; --ct-sys-color-warning: #845400; --ct-sys-color-warning-container: #f2e0c2; --ct-sys-color-on-primary-container-solved: #005140; --ct-sys-color-primary-container-solved: #c6eadc; --ct-sys-color-on-secondary-container-solved: #2b4869; --ct-sys-color-secondary-container-solved: #d2e4fe; --ct-sys-color-on-tertiary-container-solved: #64375f; --ct-sys-color-tertiary-container-solved: #fcd8f3; --ct-sys-color-on-error-container-solved: #93000a; --ct-sys-color-error-container-solved: #ffdad6; --ct-sys-color-on-information-container-solved: #004b72; --ct-sys-color-information-container-solved: #d7e4f2; --ct-sys-color-on-success-container-solved: #005229; --ct-sys-color-success-container-solved: #d6e7d5; --ct-sys-color-on-warning-container-solved: #5b4300; --ct-sys-color-warning-container-solved: #f2e0c2; --ct-sys-color-on-primary-solved: #ffffff; --ct-sys-color-primary-solved: #01735d; --ct-sys-color-on-secondary-solved: #ffffff; --ct-sys-color-secondary-solved: #0f60a4; --ct-sys-color-on-tertiary-solved: #ffffff; --ct-sys-color-tertiary-solved: #8a4485; --ct-sys-color-on-error-solved: #ffffff; --ct-sys-color-error-solved: #ba1a1a; --ct-sys-color-on-information-solved: #ffffff; --ct-sys-color-information-solved: #006496; --ct-sys-color-on-success-solved: #ffffff; --ct-sys-color-success-solved: #006d38; --ct-sys-color-on-warning-solved: #ffffff; --ct-sys-color-warning-solved: #845400; --ct-sys-color-on-surface-solved: #171d1a; --ct-sys-color-surface-solved: #ffffff; --ct-sys-color-background-solved: #ffffff; --ct-sys-color-surface-dim-solved: #d5dbd7; --ct-sys-color-surface-bright-solved: #f5fbf6; --ct-sys-color-surface-container-lowest-solved: #ffffff; --ct-sys-color-surface-container-low-solved: #eff5f1; --ct-sys-color-surface-container-solved: #e9efeb; --ct-sys-color-surface-container-high-solved: #e3eae5; --ct-sys-color-surface-container-highest-solved: #dee4e0; --ct-sys-color-on-surface-variant-solved: #3f4945; } [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-error-hover: #ad0d12; --ct-sys-color-error-pressed: #98000a; --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-error-container-hover: #93000a; --ct-sys-color-on-error-container-pressed: #93000a; --ct-sys-color-on-error-container-state-layer: #93000a; --ct-sys-color-on-error-hover: #ffffff; --ct-sys-color-on-error-pressed: #ffffff; --ct-sys-color-on-error-state-layer: #ffffff; --ct-sys-color-on-information: #ffffff; --ct-sys-color-on-information-container: #004b72; --ct-sys-color-on-information-container-hover: #004b72; --ct-sys-color-on-information-container-pressed: #004b72; --ct-sys-color-on-information-container-state-layer: #004b72; --ct-sys-color-on-information-hover: #ffffff; --ct-sys-color-on-information-pressed: #ffffff; --ct-sys-color-on-information-state-layer: #000000; --ct-sys-color-on-primary: #ffffff; --ct-sys-color-on-primary-container: #004e5b; --ct-sys-color-on-primary-container-hover: #004e5b; --ct-sys-color-on-primary-container-pressed: #004e5b; --ct-sys-color-on-primary-container-selected: #004e5b; --ct-sys-color-on-primary-container-selected-hover: #004e5b; --ct-sys-color-on-primary-container-selected-pressed: #004955; --ct-sys-color-on-primary-container-state-layer: #004e5b; --ct-sys-color-on-primary-fixed: #001f25; --ct-sys-color-on-primary-fixed-variant: #004e5b; --ct-sys-color-on-primary-hover: #ffffff; --ct-sys-color-on-primary-pressed: #ffffff; --ct-sys-color-on-primary-state-layer: #000000; --ct-sys-color-on-secondary: #ffffff; --ct-sys-color-on-secondary-container: #493f72; --ct-sys-color-on-secondary-container-hover: #493f72; --ct-sys-color-on-secondary-container-pressed: #493f72; --ct-sys-color-on-secondary-container-selected: #493f72; --ct-sys-color-on-secondary-container-selected-hover: #493f72; --ct-sys-color-on-secondary-container-selected-pressed: #443a6d; --ct-sys-color-on-secondary-container-state-layer: #493f72; --ct-sys-color-on-secondary-fixed: #1d1244; --ct-sys-color-on-secondary-fixed-variant: #493f72; --ct-sys-color-on-secondary-hover: #ffffff; --ct-sys-color-on-secondary-pressed: #ffffff; --ct-sys-color-on-secondary-state-layer: #000000; --ct-sys-color-on-success: #ffffff; --ct-sys-color-on-success-container: #005229; --ct-sys-color-on-success-container-hover: #005229; --ct-sys-color-on-success-container-pressed: #005229; --ct-sys-color-on-success-container-state-layer: #005229; --ct-sys-color-on-success-hover: #ffffff; --ct-sys-color-on-success-pressed: #ffffff; --ct-sys-color-on-success-state-layer: #000000; --ct-sys-color-on-surface: #171d1e; --ct-sys-color-on-surface-hover: #171d1e; --ct-sys-color-on-surface-pressed: #171d1e; --ct-sys-color-on-surface-selected-hover: #171d1e; --ct-sys-color-on-surface-selected-pressed: #171d1e; --ct-sys-color-on-surface-selected-state-layer: #171d1e; --ct-sys-color-on-surface-variant: #3f484b; --ct-sys-color-on-surface-variant-hover: #3f484b; --ct-sys-color-on-surface-variant-pressed: #3f484b; --ct-sys-color-on-tertiary: #ffffff; --ct-sys-color-on-tertiary-container: #6a383c; --ct-sys-color-on-tertiary-container-hover: #6a383c; --ct-sys-color-on-tertiary-container-pressed: #6a383c; --ct-sys-color-on-tertiary-container-state-layer: #6a383c; --ct-sys-color-on-tertiary-fixed: #350e12; --ct-sys-color-on-tertiary-fixed-variant: #6a383c; --ct-sys-color-on-tertiary-hover: #ffffff; --ct-sys-color-on-tertiary-pressed: #ffffff; --ct-sys-color-on-tertiary-state-layer: #000000; --ct-sys-color-on-warning: #ffffff; --ct-sys-color-on-warning-container: #5b4300; --ct-sys-color-on-warning-container-hover: #5b4300; --ct-sys-color-on-warning-container-pressed: #5b4300; --ct-sys-color-on-warning-container-state-layer: #5b4300; --ct-sys-color-on-warning-hover: #ffffff; --ct-sys-color-on-warning-pressed: #ffffff; --ct-sys-color-on-warning-state-layer: #000000; --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-hover: #005f6e; --ct-sys-color-primary-palette-key-color: #00dcfd; --ct-sys-color-primary-pressed: #00525f; --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-hover: #59489d; --ct-sys-color-secondary-palette-key-color: #7a70a6; --ct-sys-color-secondary-pressed: #4d3c90; --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-hover: #913841; --ct-sys-color-tertiary-palette-key-color: #a1676a; --ct-sys-color-tertiary-pressed: #822c36; --ct-sys-color-warning: #845400; --ct-sys-color-warning-container: #f2e0c2; --ct-sys-color-on-primary-container-solved: #004e5b; --ct-sys-color-primary-container-solved: #c6e8f2; --ct-sys-color-on-secondary-container-solved: #493f72; --ct-sys-color-secondary-container-solved: #e7deff; --ct-sys-color-on-tertiary-container-solved: #6a383c; --ct-sys-color-tertiary-container-solved: #ffdada; --ct-sys-color-on-error-container-solved: #93000a; --ct-sys-color-error-container-solved: #ffdad6; --ct-sys-color-on-information-container-solved: #004b72; --ct-sys-color-information-container-solved: #d7e4f2; --ct-sys-color-on-success-container-solved: #005229; --ct-sys-color-success-container-solved: #d6e7d5; --ct-sys-color-on-warning-container-solved: #5b4300; --ct-sys-color-warning-container-solved: #f2e0c2; --ct-sys-color-on-primary-solved: #ffffff; --ct-sys-color-primary-solved: #007183; --ct-sys-color-on-secondary-solved: #ffffff; --ct-sys-color-secondary-solved: #6251a6; --ct-sys-color-on-tertiary-solved: #ffffff; --ct-sys-color-tertiary-solved: #9c4049; --ct-sys-color-on-error-solved: #ffffff; --ct-sys-color-error-solved: #ba1a1a; --ct-sys-color-on-information-solved: #ffffff; --ct-sys-color-information-solved: #006496; --ct-sys-color-on-success-solved: #ffffff; --ct-sys-color-success-solved: #006d38; --ct-sys-color-on-warning-solved: #ffffff; --ct-sys-color-warning-solved: #845400; --ct-sys-color-on-surface-solved: #171d1e; --ct-sys-color-surface-solved: #ffffff; --ct-sys-color-background-solved: #ffffff; --ct-sys-color-surface-dim-solved: #d5dbdd; --ct-sys-color-surface-bright-solved: #f5fafc; --ct-sys-color-surface-container-lowest-solved: #ffffff; --ct-sys-color-surface-container-low-solved: #eff4f6; --ct-sys-color-surface-container-solved: #e9eff1; --ct-sys-color-surface-container-high-solved: #e4e9eb; --ct-sys-color-surface-container-highest-solved: #dee3e5; --ct-sys-color-on-surface-variant-solved: #3f484b; } [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-error-hover: #ad0d12; --ct-sys-color-error-pressed: #9a000a; --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-error-container-hover: #93000a; --ct-sys-color-on-error-container-pressed: #93000a; --ct-sys-color-on-error-container-state-layer: #93000a; --ct-sys-color-on-error-hover: #ffffff; --ct-sys-color-on-error-pressed: #ffffff; --ct-sys-color-on-error-state-layer: #ffffff; --ct-sys-color-on-information: #ffffff; --ct-sys-color-on-information-container: #004b72; --ct-sys-color-on-information-container-hover: #004b72; --ct-sys-color-on-information-container-pressed: #004b72; --ct-sys-color-on-information-container-state-layer: #004b72; --ct-sys-color-on-information-hover: #ffffff; --ct-sys-color-on-information-pressed: #ffffff; --ct-sys-color-on-information-state-layer: #000000; --ct-sys-color-on-primary: #ffffff; --ct-sys-color-on-primary-container: #504700; --ct-sys-color-on-primary-container-hover: #504700; --ct-sys-color-on-primary-container-pressed: #504700; --ct-sys-color-on-primary-container-selected: #504700; --ct-sys-color-on-primary-container-selected-hover: #504700; --ct-sys-color-on-primary-container-selected-pressed: #4b4200; --ct-sys-color-on-primary-container-state-layer: #504700; --ct-sys-color-on-primary-fixed: #201c00; --ct-sys-color-on-primary-fixed-variant: #504700; --ct-sys-color-on-primary-hover: #ffffff; --ct-sys-color-on-primary-pressed: #ffffff; --ct-sys-color-on-primary-state-layer: #000000; --ct-sys-color-on-secondary: #ffffff; --ct-sys-color-on-secondary-container: #005046; --ct-sys-color-on-secondary-container-hover: #005046; --ct-sys-color-on-secondary-container-pressed: #005046; --ct-sys-color-on-secondary-container-selected: #005046; --ct-sys-color-on-secondary-container-selected-hover: #005046; --ct-sys-color-on-secondary-container-selected-pressed: #004b41; --ct-sys-color-on-secondary-container-state-layer: #005046; --ct-sys-color-on-secondary-fixed: #00201b; --ct-sys-color-on-secondary-fixed-variant: #005046; --ct-sys-color-on-secondary-hover: #ffffff; --ct-sys-color-on-secondary-pressed: #ffffff; --ct-sys-color-on-secondary-state-layer: #000000; --ct-sys-color-on-success: #ffffff; --ct-sys-color-on-success-container: #005229; --ct-sys-color-on-success-container-hover: #005229; --ct-sys-color-on-success-container-pressed: #005229; --ct-sys-color-on-success-container-state-layer: #005229; --ct-sys-color-on-success-hover: #ffffff; --ct-sys-color-on-success-pressed: #ffffff; --ct-sys-color-on-success-state-layer: #000000; --ct-sys-color-on-surface: #1d1c13; --ct-sys-color-on-surface-hover: #1d1c13; --ct-sys-color-on-surface-pressed: #1d1c13; --ct-sys-color-on-surface-selected-hover: #1d1c13; --ct-sys-color-on-surface-selected-pressed: #1d1c13; --ct-sys-color-on-surface-selected-state-layer: #1d1c13; --ct-sys-color-on-surface-variant: #4a4739; --ct-sys-color-on-surface-variant-hover: #4a4739; --ct-sys-color-on-surface-variant-pressed: #4a4739; --ct-sys-color-on-tertiary: #ffffff; --ct-sys-color-on-tertiary-container: #394760; --ct-sys-color-on-tertiary-container-hover: #394760; --ct-sys-color-on-tertiary-container-pressed: #394760; --ct-sys-color-on-tertiary-container-state-layer: #394760; --ct-sys-color-on-tertiary-fixed: #0c1c33; --ct-sys-color-on-tertiary-fixed-variant: #394760; --ct-sys-color-on-tertiary-hover: #ffffff; --ct-sys-color-on-tertiary-pressed: #ffffff; --ct-sys-color-on-tertiary-state-layer: #000000; --ct-sys-color-on-warning: #ffffff; --ct-sys-color-on-warning-container: #5b4300; --ct-sys-color-on-warning-container-hover: #5b4300; --ct-sys-color-on-warning-container-pressed: #5b4300; --ct-sys-color-on-warning-container-state-layer: #5b4300; --ct-sys-color-on-warning-hover: #ffffff; --ct-sys-color-on-warning-pressed: #ffffff; --ct-sys-color-on-warning-state-layer: #000000; --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-hover: #615601; --ct-sys-color-primary-palette-key-color: #ead303; --ct-sys-color-primary-pressed: #534901; --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-hover: #006054; --ct-sys-color-secondary-palette-key-color: #01ebd0; --ct-sys-color-secondary-pressed: #02544a; --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-hover: #1c559e; --ct-sys-color-tertiary-palette-key-color: #697793; --ct-sys-color-tertiary-pressed: #034991; --ct-sys-color-warning: #845400; --ct-sys-color-warning-container: #f2e0c2; --ct-sys-color-on-primary-container-solved: #504700; --ct-sys-color-primary-container-solved: #ede3b3; --ct-sys-color-on-secondary-container-solved: #005046; --ct-sys-color-secondary-container-solved: #c5ebe1; --ct-sys-color-on-tertiary-container-solved: #394760; --ct-sys-color-tertiary-container-solved: #d6e3ff; --ct-sys-color-on-error-container-solved: #93000a; --ct-sys-color-error-container-solved: #ffdad6; --ct-sys-color-on-information-container-solved: #004b72; --ct-sys-color-information-container-solved: #d7e4f2; --ct-sys-color-on-success-container-solved: #005229; --ct-sys-color-success-container-solved: #d6e7d5; --ct-sys-color-on-warning-container-solved: #5b4300; --ct-sys-color-warning-container-solved: #f2e0c2; --ct-sys-color-on-primary-solved: #ffffff; --ct-sys-color-primary-solved: #716500; --ct-sys-color-on-secondary-solved: #ffffff; --ct-sys-color-secondary-solved: #007365; --ct-sys-color-on-tertiary-solved: #ffffff; --ct-sys-color-tertiary-solved: #285ea7; --ct-sys-color-on-error-solved: #ffffff; --ct-sys-color-error-solved: #ba1a1a; --ct-sys-color-on-information-solved: #ffffff; --ct-sys-color-information-solved: #006496; --ct-sys-color-on-success-solved: #ffffff; --ct-sys-color-success-solved: #006d38; --ct-sys-color-on-warning-solved: #ffffff; --ct-sys-color-warning-solved: #845400; --ct-sys-color-on-surface-solved: #1d1c13; --ct-sys-color-surface-solved: #fff9eb; --ct-sys-color-background-solved: #fff9eb; --ct-sys-color-surface-dim-solved: #dfdacc; --ct-sys-color-surface-bright-solved: #fff9eb; --ct-sys-color-surface-container-lowest-solved: #ffffff; --ct-sys-color-surface-container-low-solved: #f9f3e5; --ct-sys-color-surface-container-solved: #f3ede0; --ct-sys-color-surface-container-high-solved: #ede8da; --ct-sys-color-surface-container-highest-solved: #e8e2d5; --ct-sys-color-on-surface-variant-solved: #4a4739; } [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-error-hover: #ad0d12; --ct-sys-color-error-pressed: #9a000a; --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-error-container-hover: #93000a; --ct-sys-color-on-error-container-pressed: #93000a; --ct-sys-color-on-error-container-state-layer: #93000a; --ct-sys-color-on-error-hover: #ffffff; --ct-sys-color-on-error-pressed: #ffffff; --ct-sys-color-on-error-state-layer: #ffffff; --ct-sys-color-on-information: #ffffff; --ct-sys-color-on-information-container: #004b72; --ct-sys-color-on-information-container-hover: #004b72; --ct-sys-color-on-information-container-pressed: #004b72; --ct-sys-color-on-information-container-state-layer: #004b72; --ct-sys-color-on-information-hover: #ffffff; --ct-sys-color-on-information-pressed: #ffffff; --ct-sys-color-on-information-state-layer: #000000; --ct-sys-color-on-primary: #ffffff; --ct-sys-color-on-primary-container: #004e5e; --ct-sys-color-on-primary-container-hover: #004e5e; --ct-sys-color-on-primary-container-pressed: #004e5e; --ct-sys-color-on-primary-container-selected: #004e5e; --ct-sys-color-on-primary-container-selected-hover: #004e5e; --ct-sys-color-on-primary-container-selected-pressed: #004958; --ct-sys-color-on-primary-container-state-layer: #004e5e; --ct-sys-color-on-primary-fixed: #001f27; --ct-sys-color-on-primary-fixed-variant: #004e5e; --ct-sys-color-on-primary-hover: #ffffff; --ct-sys-color-on-primary-pressed: #ffffff; --ct-sys-color-on-primary-state-layer: #000000; --ct-sys-color-on-secondary: #ffffff; --ct-sys-color-on-secondary-container: #4c3f6e; --ct-sys-color-on-secondary-container-hover: #4c3f6e; --ct-sys-color-on-secondary-container-pressed: #4c3f6e; --ct-sys-color-on-secondary-container-selected: #4c3f6e; --ct-sys-color-on-secondary-container-selected-hover: #4c3f6e; --ct-sys-color-on-secondary-container-selected-pressed: #473a69; --ct-sys-color-on-secondary-container-state-layer: #4c3f6e; --ct-sys-color-on-secondary-fixed: #201240; --ct-sys-color-on-secondary-fixed-variant: #4c3f6e; --ct-sys-color-on-secondary-hover: #ffffff; --ct-sys-color-on-secondary-pressed: #ffffff; --ct-sys-color-on-secondary-state-layer: #000000; --ct-sys-color-on-success: #ffffff; --ct-sys-color-on-success-container: #005229; --ct-sys-color-on-success-container-hover: #005229; --ct-sys-color-on-success-container-pressed: #005229; --ct-sys-color-on-success-container-state-layer: #005229; --ct-sys-color-on-success-hover: #ffffff; --ct-sys-color-on-success-pressed: #ffffff; --ct-sys-color-on-success-state-layer: #000000; --ct-sys-color-on-surface: #171c1e; --ct-sys-color-on-surface-hover: #171c1e; --ct-sys-color-on-surface-pressed: #171c1e; --ct-sys-color-on-surface-selected-hover: #171c1e; --ct-sys-color-on-surface-selected-pressed: #171c1e; --ct-sys-color-on-surface-selected-state-layer: #171c1e; --ct-sys-color-on-surface-variant: #40484b; --ct-sys-color-on-surface-variant-hover: #40484b; --ct-sys-color-on-surface-variant-pressed: #40484b; --ct-sys-color-on-tertiary: #ffffff; --ct-sys-color-on-tertiary-container: #683a39; --ct-sys-color-on-tertiary-container-hover: #683a39; --ct-sys-color-on-tertiary-container-pressed: #683a39; --ct-sys-color-on-tertiary-container-state-layer: #683a39; --ct-sys-color-on-tertiary-fixed: #341010; --ct-sys-color-on-tertiary-fixed-variant: #683a39; --ct-sys-color-on-tertiary-hover: #ffffff; --ct-sys-color-on-tertiary-pressed: #ffffff; --ct-sys-color-on-tertiary-state-layer: #000000; --ct-sys-color-on-warning: #ffffff; --ct-sys-color-on-warning-container: #5b4300; --ct-sys-color-on-warning-container-hover: #5b4300; --ct-sys-color-on-warning-container-pressed: #5b4300; --ct-sys-color-on-warning-container-state-layer: #5b4300; --ct-sys-color-on-warning-hover: #ffffff; --ct-sys-color-on-warning-pressed: #ffffff; --ct-sys-color-on-warning-state-layer: #000000; --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-hover: #015e71; --ct-sys-color-primary-palette-key-color: #0aa6c6; --ct-sys-color-primary-pressed: #005162; --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-hover: #5f479b; --ct-sys-color-secondary-palette-key-color: #7e6fa2; --ct-sys-color-secondary-pressed: #523a8d; --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-hover: #91393a; --ct-sys-color-tertiary-palette-key-color: #9f6968; --ct-sys-color-tertiary-pressed: #822d30; --ct-sys-color-warning: #845400; --ct-sys-color-warning-container: #f2e0c2; --ct-sys-color-on-primary-container-solved: #004e5e; --ct-sys-color-primary-container-solved: #c7e8f4; --ct-sys-color-on-secondary-container-solved: #4c3f6e; --ct-sys-color-secondary-container-solved: #e9ddff; --ct-sys-color-on-tertiary-container-solved: #683a39; --ct-sys-color-tertiary-container-solved: #ffdad8; --ct-sys-color-on-error-container-solved: #93000a; --ct-sys-color-error-container-solved: #ffdad6; --ct-sys-color-on-information-container-solved: #004b72; --ct-sys-color-information-container-solved: #d7e4f2; --ct-sys-color-on-success-container-solved: #005229; --ct-sys-color-success-container-solved: #d6e7d5; --ct-sys-color-on-warning-container-solved: #5b4300; --ct-sys-color-warning-container-solved: #f2e0c2; --ct-sys-color-on-primary-solved: #ffffff; --ct-sys-color-primary-solved: #007087; --ct-sys-color-on-secondary-solved: #ffffff; --ct-sys-color-secondary-solved: #6850a4; --ct-sys-color-on-tertiary-solved: #ffffff; --ct-sys-color-tertiary-solved: #9c4142; --ct-sys-color-on-error-solved: #ffffff; --ct-sys-color-error-solved: #ba1a1a; --ct-sys-color-on-information-solved: #ffffff; --ct-sys-color-information-solved: #006496; --ct-sys-color-on-success-solved: #ffffff; --ct-sys-color-success-solved: #006d38; --ct-sys-color-on-warning-solved: #ffffff; --ct-sys-color-warning-solved: #845400; --ct-sys-color-on-surface-solved: #171c1e; --ct-sys-color-surface-solved: #f5fafd; --ct-sys-color-background-solved: #f5fafd; --ct-sys-color-surface-dim-solved: #d6dbdd; --ct-sys-color-surface-bright-solved: #f5fafd; --ct-sys-color-surface-container-lowest-solved: #ffffff; --ct-sys-color-surface-container-low-solved: #eff4f7; --ct-sys-color-surface-container-solved: #eaeff1; --ct-sys-color-surface-container-high-solved: #e4e9eb; --ct-sys-color-surface-container-highest-solved: #dee3e6; --ct-sys-color-on-surface-variant-solved: #40484b; } [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-error-hover: #ad0d12; --ct-sys-color-error-pressed: #98000a; --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-error-container-hover: #93000a; --ct-sys-color-on-error-container-pressed: #93000a; --ct-sys-color-on-error-container-state-layer: #93000a; --ct-sys-color-on-error-hover: #ffffff; --ct-sys-color-on-error-pressed: #ffffff; --ct-sys-color-on-error-state-layer: #ffffff; --ct-sys-color-on-information: #ffffff; --ct-sys-color-on-information-container: #004b72; --ct-sys-color-on-information-container-hover: #004b72; --ct-sys-color-on-information-container-pressed: #004b72; --ct-sys-color-on-information-container-state-layer: #004b72; --ct-sys-color-on-information-hover: #ffffff; --ct-sys-color-on-information-pressed: #ffffff; --ct-sys-color-on-information-state-layer: #000000; --ct-sys-color-on-primary: #ffffff; --ct-sys-color-on-primary-container: #4618ca; --ct-sys-color-on-primary-container-hover: #4618ca; --ct-sys-color-on-primary-container-pressed: #4618ca; --ct-sys-color-on-primary-container-selected: #4618ca; --ct-sys-color-on-primary-container-selected-hover: #4618ca; --ct-sys-color-on-primary-container-selected-pressed: #3f03c4; --ct-sys-color-on-primary-container-state-layer: #4618ca; --ct-sys-color-on-primary-fixed: #1b0063; --ct-sys-color-on-primary-fixed-variant: #4618ca; --ct-sys-color-on-primary-hover: #ffffff; --ct-sys-color-on-primary-pressed: #ffffff; --ct-sys-color-on-primary-state-layer: #000000; --ct-sys-color-on-secondary: #ffffff; --ct-sys-color-on-secondary-container: #8e0c2e; --ct-sys-color-on-secondary-container-hover: #8e0c2e; --ct-sys-color-on-secondary-container-pressed: #8e0c2e; --ct-sys-color-on-secondary-container-selected: #8e0c2e; --ct-sys-color-on-secondary-container-selected-hover: #8e0c2e; --ct-sys-color-on-secondary-container-selected-pressed: #840128; --ct-sys-color-on-secondary-container-state-layer: #8e0c2e; --ct-sys-color-on-secondary-fixed: #40000e; --ct-sys-color-on-secondary-fixed-variant: #8e0c2e; --ct-sys-color-on-secondary-hover: #ffffff; --ct-sys-color-on-secondary-pressed: #ffffff; --ct-sys-color-on-secondary-state-layer: #000000; --ct-sys-color-on-success: #ffffff; --ct-sys-color-on-success-container: #005229; --ct-sys-color-on-success-container-hover: #005229; --ct-sys-color-on-success-container-pressed: #005229; --ct-sys-color-on-success-container-state-layer: #005229; --ct-sys-color-on-success-hover: #ffffff; --ct-sys-color-on-success-pressed: #ffffff; --ct-sys-color-on-success-state-layer: #000000; --ct-sys-color-on-surface: #1c1b20; --ct-sys-color-on-surface-hover: #1c1b20; --ct-sys-color-on-surface-pressed: #1c1b20; --ct-sys-color-on-surface-selected-hover: #1c1b20; --ct-sys-color-on-surface-selected-pressed: #1c1b20; --ct-sys-color-on-surface-selected-state-layer: #1c1b20; --ct-sys-color-on-surface-variant: #48454e; --ct-sys-color-on-surface-variant-hover: #48454e; --ct-sys-color-on-surface-variant-pressed: #48454e; --ct-sys-color-on-tertiary: #ffffff; --ct-sys-color-on-tertiary-container: #564506; --ct-sys-color-on-tertiary-container-hover: #564506; --ct-sys-color-on-tertiary-container-pressed: #564506; --ct-sys-color-on-tertiary-container-state-layer: #564506; --ct-sys-color-on-tertiary-fixed: #231b00; --ct-sys-color-on-tertiary-fixed-variant: #564506; --ct-sys-color-on-tertiary-hover: #ffffff; --ct-sys-color-on-tertiary-pressed: #ffffff; --ct-sys-color-on-tertiary-state-layer: #000000; --ct-sys-color-on-warning: #ffffff; --ct-sys-color-on-warning-container: #5b4300; --ct-sys-color-on-warning-container-hover: #5b4300; --ct-sys-color-on-warning-container-pressed: #5b4300; --ct-sys-color-on-warning-container-state-layer: #5b4300; --ct-sys-color-on-warning-hover: #ffffff; --ct-sys-color-on-warning-pressed: #ffffff; --ct-sys-color-on-warning-state-layer: #000000; --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-hover: #57499d; --ct-sys-color-primary-palette-key-color: #785bfc; --ct-sys-color-primary-pressed: #4a3c8f; --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-hover: #913844; --ct-sys-color-secondary-palette-key-color: #d1445a; --ct-sys-color-secondary-pressed: #822c39; --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-hover: #685400; --ct-sys-color-tertiary-palette-key-color: #897535; --ct-sys-color-tertiary-pressed: #5a4800; --ct-sys-color-warning: #845400; --ct-sys-color-warning-container: #f2e0c2; --ct-sys-color-on-primary-container-solved: #4618ca; --ct-sys-color-primary-container-solved: #e6deff; --ct-sys-color-on-secondary-container-solved: #8e0c2e; --ct-sys-color-secondary-container-solved: #ffdadb; --ct-sys-color-on-tertiary-container-solved: #564506; --ct-sys-color-tertiary-container-solved: #f4e2b1; --ct-sys-color-on-error-container-solved: #93000a; --ct-sys-color-error-container-solved: #ffdad6; --ct-sys-color-on-information-container-solved: #004b72; --ct-sys-color-information-container-solved: #d7e4f2; --ct-sys-color-on-success-container-solved: #005229; --ct-sys-color-success-container-solved: #d6e7d5; --ct-sys-color-on-warning-container-solved: #5b4300; --ct-sys-color-warning-container-solved: #f2e0c2; --ct-sys-color-on-primary-solved: #ffffff; --ct-sys-color-primary-solved: #6052a6; --ct-sys-color-on-secondary-solved: #ffffff; --ct-sys-color-secondary-solved: #9c404c; --ct-sys-color-on-tertiary-solved: #ffffff; --ct-sys-color-tertiary-solved: #796200; --ct-sys-color-on-error-solved: #ffffff; --ct-sys-color-error-solved: #ba1a1a; --ct-sys-color-on-information-solved: #ffffff; --ct-sys-color-information-solved: #006496; --ct-sys-color-on-success-solved: #ffffff; --ct-sys-color-success-solved: #006d38; --ct-sys-color-on-warning-solved: #ffffff; --ct-sys-color-warning-solved: #845400; --ct-sys-color-on-surface-solved: #1c1b20; --ct-sys-color-surface-solved: #fdf8ff; --ct-sys-color-background-solved: #fdf8ff; --ct-sys-color-surface-dim-solved: #ddd8e0; --ct-sys-color-surface-bright-solved: #fdf8ff; --ct-sys-color-surface-container-lowest-solved: #ffffff; --ct-sys-color-surface-container-low-solved: #f7f2fa; --ct-sys-color-surface-container-solved: #f1ecf4; --ct-sys-color-surface-container-high-solved: #ebe6ee; --ct-sys-color-surface-container-highest-solved: #e6e1e9; --ct-sys-color-on-surface-variant-solved: #48454e; } [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-error-hover: #ad0d12; --ct-sys-color-error-pressed: #98000a; --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-error-container-hover: #93000a; --ct-sys-color-on-error-container-pressed: #93000a; --ct-sys-color-on-error-container-state-layer: #93000a; --ct-sys-color-on-error-hover: #ffffff; --ct-sys-color-on-error-pressed: #ffffff; --ct-sys-color-on-error-state-layer: #ffffff; --ct-sys-color-on-information: #ffffff; --ct-sys-color-on-information-container: #004b72; --ct-sys-color-on-information-container-hover: #004b72; --ct-sys-color-on-information-container-pressed: #004b72; --ct-sys-color-on-information-container-state-layer: #004b72; --ct-sys-color-on-information-hover: #ffffff; --ct-sys-color-on-information-pressed: #ffffff; --ct-sys-color-on-information-state-layer: #000000; --ct-sys-color-on-primary: #ffffff; --ct-sys-color-on-primary-container: #92001d; --ct-sys-color-on-primary-container-hover: #92001d; --ct-sys-color-on-primary-container-pressed: #92001d; --ct-sys-color-on-primary-container-selected: #92001d; --ct-sys-color-on-primary-container-selected-hover: #92001d; --ct-sys-color-on-primary-container-selected-pressed: #830019; --ct-sys-color-on-primary-container-state-layer: #92001d; --ct-sys-color-on-primary-fixed: #410007; --ct-sys-color-on-primary-fixed-variant: #92001d; --ct-sys-color-on-primary-hover: #ffffff; --ct-sys-color-on-primary-pressed: #ffffff; --ct-sys-color-on-primary-state-layer: #000000; --ct-sys-color-on-secondary: #ffffff; --ct-sys-color-on-secondary-container: #524600; --ct-sys-color-on-secondary-container-hover: #524600; --ct-sys-color-on-secondary-container-pressed: #524600; --ct-sys-color-on-secondary-container-selected: #524600; --ct-sys-color-on-secondary-container-selected-hover: #524600; --ct-sys-color-on-secondary-container-selected-pressed: #4d4100; --ct-sys-color-on-secondary-container-state-layer: #524600; --ct-sys-color-on-secondary-fixed: #211b00; --ct-sys-color-on-secondary-fixed-variant: #524600; --ct-sys-color-on-secondary-hover: #ffffff; --ct-sys-color-on-secondary-pressed: #ffffff; --ct-sys-color-on-secondary-state-layer: #000000; --ct-sys-color-on-success: #ffffff; --ct-sys-color-on-success-container: #005229; --ct-sys-color-on-success-container-hover: #005229; --ct-sys-color-on-success-container-pressed: #005229; --ct-sys-color-on-success-container-state-layer: #005229; --ct-sys-color-on-success-hover: #ffffff; --ct-sys-color-on-success-pressed: #ffffff; --ct-sys-color-on-success-state-layer: #000000; --ct-sys-color-on-surface: #231919; --ct-sys-color-on-surface-hover: #231919; --ct-sys-color-on-surface-pressed: #231919; --ct-sys-color-on-surface-selected-hover: #231919; --ct-sys-color-on-surface-selected-pressed: #231919; --ct-sys-color-on-surface-selected-state-layer: #231919; --ct-sys-color-on-surface-variant: #524342; --ct-sys-color-on-surface-variant-hover: #524342; --ct-sys-color-on-surface-variant-pressed: #524342; --ct-sys-color-on-tertiary: #ffffff; --ct-sys-color-on-tertiary-container: #005144; --ct-sys-color-on-tertiary-container-hover: #005144; --ct-sys-color-on-tertiary-container-pressed: #005144; --ct-sys-color-on-tertiary-container-state-layer: #005144; --ct-sys-color-on-tertiary-fixed: #00201a; --ct-sys-color-on-tertiary-fixed-variant: #005144; --ct-sys-color-on-tertiary-hover: #ffffff; --ct-sys-color-on-tertiary-pressed: #ffffff; --ct-sys-color-on-tertiary-state-layer: #000000; --ct-sys-color-on-warning: #ffffff; --ct-sys-color-on-warning-container: #5b4300; --ct-sys-color-on-warning-container-hover: #5b4300; --ct-sys-color-on-warning-container-pressed: #5b4300; --ct-sys-color-on-warning-container-state-layer: #5b4300; --ct-sys-color-on-warning-hover: #ffffff; --ct-sys-color-on-warning-pressed: #ffffff; --ct-sys-color-on-warning-state-layer: #000000; --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-hover: #91393a; --ct-sys-color-primary-palette-key-color: #ea1638; --ct-sys-color-primary-pressed: #822d30; --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-hover: #625400; --ct-sys-color-secondary-palette-key-color: #89770d; --ct-sys-color-secondary-pressed: #554900; --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-hover: #026152; --ct-sys-color-tertiary-palette-key-color: #188673; --ct-sys-color-tertiary-pressed: #025447; --ct-sys-color-warning: #845400; --ct-sys-color-warning-container: #f2e0c2; --ct-sys-color-on-primary-container-solved: #92001d; --ct-sys-color-primary-container-solved: #ffdad8; --ct-sys-color-on-secondary-container-solved: #524600; --ct-sys-color-secondary-container-solved: #efe3b2; --ct-sys-color-on-tertiary-container-solved: #005144; --ct-sys-color-tertiary-container-solved: #c5eadf; --ct-sys-color-on-error-container-solved: #93000a; --ct-sys-color-error-container-solved: #ffdad6; --ct-sys-color-on-information-container-solved: #004b72; --ct-sys-color-information-container-solved: #d7e4f2; --ct-sys-color-on-success-container-solved: #005229; --ct-sys-color-success-container-solved: #d6e7d5; --ct-sys-color-on-warning-container-solved: #5b4300; --ct-sys-color-warning-container-solved: #f2e0c2; --ct-sys-color-on-primary-solved: #ffffff; --ct-sys-color-primary-solved: #9c4142; --ct-sys-color-on-secondary-solved: #ffffff; --ct-sys-color-secondary-solved: #746400; --ct-sys-color-on-tertiary-solved: #ffffff; --ct-sys-color-tertiary-solved: #017361; --ct-sys-color-on-error-solved: #ffffff; --ct-sys-color-error-solved: #ba1a1a; --ct-sys-color-on-information-solved: #ffffff; --ct-sys-color-information-solved: #006496; --ct-sys-color-on-success-solved: #ffffff; --ct-sys-color-success-solved: #006d38; --ct-sys-color-on-warning-solved: #ffffff; --ct-sys-color-warning-solved: #845400; --ct-sys-color-on-surface-solved: #231919; --ct-sys-color-surface-solved: #fff8f7; --ct-sys-color-background-solved: #fff8f7; --ct-sys-color-surface-dim-solved: #e8d6d5; --ct-sys-color-surface-bright-solved: #fff8f7; --ct-sys-color-surface-container-lowest-solved: #ffffff; --ct-sys-color-surface-container-low-solved: #fff0ef; --ct-sys-color-surface-container-solved: #fceae9; --ct-sys-color-surface-container-high-solved: #f6e4e3; --ct-sys-color-surface-container-highest-solved: #f0dedd; --ct-sys-color-on-surface-variant-solved: #524342; } [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-error-hover: #ad0d12; --ct-sys-color-error-pressed: #98000a; --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-error-container-hover: #93000a; --ct-sys-color-on-error-container-pressed: #93000a; --ct-sys-color-on-error-container-state-layer: #93000a; --ct-sys-color-on-error-hover: #ffffff; --ct-sys-color-on-error-pressed: #ffffff; --ct-sys-color-on-error-state-layer: #ffffff; --ct-sys-color-on-information: #ffffff; --ct-sys-color-on-information-container: #004b72; --ct-sys-color-on-information-container-hover: #004b72; --ct-sys-color-on-information-container-pressed: #004b72; --ct-sys-color-on-information-container-state-layer: #004b72; --ct-sys-color-on-information-hover: #ffffff; --ct-sys-color-on-information-pressed: #ffffff; --ct-sys-color-on-information-state-layer: #000000; --ct-sys-color-on-primary: #ffffff; --ct-sys-color-on-primary-container: #005234; --ct-sys-color-on-primary-container-hover: #005234; --ct-sys-color-on-primary-container-pressed: #005234; --ct-sys-color-on-primary-container-selected: #005234; --ct-sys-color-on-primary-container-selected-hover: #005234; --ct-sys-color-on-primary-container-selected-pressed: #004d30; --ct-sys-color-on-primary-container-state-layer: #005234; --ct-sys-color-on-primary-fixed: #002112; --ct-sys-color-on-primary-fixed-variant: #005234; --ct-sys-color-on-primary-hover: #ffffff; --ct-sys-color-on-primary-pressed: #ffffff; --ct-sys-color-on-primary-state-layer: #000000; --ct-sys-color-on-secondary: #ffffff; --ct-sys-color-on-secondary-container: #004b70; --ct-sys-color-on-secondary-container-hover: #004b70; --ct-sys-color-on-secondary-container-pressed: #004b70; --ct-sys-color-on-secondary-container-selected: #004b70; --ct-sys-color-on-secondary-container-selected-hover: #004b70; --ct-sys-color-on-secondary-container-selected-pressed: #004669; --ct-sys-color-on-secondary-container-state-layer: #004b70; --ct-sys-color-on-secondary-fixed: #001e30; --ct-sys-color-on-secondary-fixed-variant: #004b70; --ct-sys-color-on-secondary-hover: #ffffff; --ct-sys-color-on-secondary-pressed: #ffffff; --ct-sys-color-on-secondary-state-layer: #000000; --ct-sys-color-on-success: #ffffff; --ct-sys-color-on-success-container: #005229; --ct-sys-color-on-success-container-hover: #005229; --ct-sys-color-on-success-container-pressed: #005229; --ct-sys-color-on-success-container-state-layer: #005229; --ct-sys-color-on-success-hover: #ffffff; --ct-sys-color-on-success-pressed: #ffffff; --ct-sys-color-on-success-state-layer: #000000; --ct-sys-color-on-surface: #171d19; --ct-sys-color-on-surface-hover: #171d19; --ct-sys-color-on-surface-pressed: #171d19; --ct-sys-color-on-surface-selected-hover: #171d19; --ct-sys-color-on-surface-selected-pressed: #171d19; --ct-sys-color-on-surface-selected-state-layer: #171d19; --ct-sys-color-on-surface-variant: #404943; --ct-sys-color-on-surface-variant-hover: #404943; --ct-sys-color-on-surface-variant-pressed: #404943; --ct-sys-color-on-tertiary: #ffffff; --ct-sys-color-on-tertiary-container: #701f8a; --ct-sys-color-on-tertiary-container-hover: #701f8a; --ct-sys-color-on-tertiary-container-pressed: #701f8a; --ct-sys-color-on-tertiary-container-state-layer: #701f8a; --ct-sys-color-on-tertiary-fixed: #330044; --ct-sys-color-on-tertiary-fixed-variant: #701f8a; --ct-sys-color-on-tertiary-hover: #ffffff; --ct-sys-color-on-tertiary-pressed: #ffffff; --ct-sys-color-on-tertiary-state-layer: #000000; --ct-sys-color-on-warning: #ffffff; --ct-sys-color-on-warning-container: #5b4300; --ct-sys-color-on-warning-container-hover: #5b4300; --ct-sys-color-on-warning-container-pressed: #5b4300; --ct-sys-color-on-warning-container-state-layer: #5b4300; --ct-sys-color-on-warning-hover: #ffffff; --ct-sys-color-on-warning-pressed: #ffffff; --ct-sys-color-on-warning-state-layer: #000000; --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-hover: #006240; --ct-sys-color-primary-palette-key-color: #049462; --ct-sys-color-primary-pressed: #025437; --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-hover: #005b87; --ct-sys-color-secondary-palette-key-color: #0289c8; --ct-sys-color-secondary-pressed: #014e73; --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-hover: #773e89; --ct-sys-color-tertiary-palette-key-color: #a655bf; --ct-sys-color-tertiary-pressed: #6a327c; --ct-sys-color-warning: #845400; --ct-sys-color-warning-container: #f2e0c2; --ct-sys-color-on-primary-container-solved: #005234; --ct-sys-color-primary-container-solved: #caebd5; --ct-sys-color-on-secondary-container-solved: #004b70; --ct-sys-color-secondary-container-solved: #cde6fb; --ct-sys-color-on-tertiary-container-solved: #701f8a; --ct-sys-color-tertiary-container-solved: #f6daf8; --ct-sys-color-on-error-container-solved: #93000a; --ct-sys-color-error-container-solved: #ffdad6; --ct-sys-color-on-information-container-solved: #004b72; --ct-sys-color-information-container-solved: #d7e4f2; --ct-sys-color-on-success-container-solved: #005229; --ct-sys-color-success-container-solved: #d6e7d5; --ct-sys-color-on-warning-container-solved: #5b4300; --ct-sys-color-warning-container-solved: #f2e0c2; --ct-sys-color-on-primary-solved: #ffffff; --ct-sys-color-primary-solved: #00764e; --ct-sys-color-on-secondary-solved: #ffffff; --ct-sys-color-secondary-solved: #006c9e; --ct-sys-color-on-tertiary-solved: #ffffff; --ct-sys-color-tertiary-solved: #804792; --ct-sys-color-on-error-solved: #ffffff; --ct-sys-color-error-solved: #ba1a1a; --ct-sys-color-on-information-solved: #ffffff; --ct-sys-color-information-solved: #006496; --ct-sys-color-on-success-solved: #ffffff; --ct-sys-color-success-solved: #006d38; --ct-sys-color-on-warning-solved: #ffffff; --ct-sys-color-warning-solved: #845400; --ct-sys-color-on-surface-solved: #171d19; --ct-sys-color-surface-solved: #f5fbf4; --ct-sys-color-background-solved: #f5fbf4; --ct-sys-color-surface-dim-solved: #d6dbd5; --ct-sys-color-surface-bright-solved: #f5fbf4; --ct-sys-color-surface-container-lowest-solved: #ffffff; --ct-sys-color-surface-container-low-solved: #f0f5ef; --ct-sys-color-surface-container-solved: #eaefe9; --ct-sys-color-surface-container-high-solved: #e4eae3; --ct-sys-color-surface-container-highest-solved: #dee4de; --ct-sys-color-on-surface-variant-solved: #404943; } [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-error-hover: #ad0d12; --ct-sys-color-error-pressed: #98000a; --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-error-container-hover: #93000a; --ct-sys-color-on-error-container-pressed: #93000a; --ct-sys-color-on-error-container-state-layer: #93000a; --ct-sys-color-on-error-hover: #ffffff; --ct-sys-color-on-error-pressed: #ffffff; --ct-sys-color-on-error-state-layer: #ffffff; --ct-sys-color-on-information: #ffffff; --ct-sys-color-on-information-container: #004b72; --ct-sys-color-on-information-container-hover: #004b72; --ct-sys-color-on-information-container-pressed: #004b72; --ct-sys-color-on-information-container-state-layer: #004b72; --ct-sys-color-on-information-hover: #ffffff; --ct-sys-color-on-information-pressed: #ffffff; --ct-sys-color-on-information-state-layer: #000000; --ct-sys-color-on-primary: #ffffff; --ct-sys-color-on-primary-container: #891d00; --ct-sys-color-on-primary-container-hover: #891d00; --ct-sys-color-on-primary-container-pressed: #891d00; --ct-sys-color-on-primary-container-selected: #891d00; --ct-sys-color-on-primary-container-selected-hover: #891d00; --ct-sys-color-on-primary-container-selected-pressed: #7d1a00; --ct-sys-color-on-primary-container-state-layer: #891d00; --ct-sys-color-on-primary-fixed: #3c0700; --ct-sys-color-on-primary-fixed-variant: #891d00; --ct-sys-color-on-primary-hover: #ffffff; --ct-sys-color-on-primary-pressed: #ffffff; --ct-sys-color-on-primary-state-layer: #000000; --ct-sys-color-on-secondary: #ffffff; --ct-sys-color-on-secondary-container: #484a00; --ct-sys-color-on-secondary-container-hover: #484a00; --ct-sys-color-on-secondary-container-pressed: #484a00; --ct-sys-color-on-secondary-container-selected: #484a00; --ct-sys-color-on-secondary-container-selected-hover: #484a00; --ct-sys-color-on-secondary-container-selected-pressed: #434500; --ct-sys-color-on-secondary-container-state-layer: #484a00; --ct-sys-color-on-secondary-fixed: #1c1d00; --ct-sys-color-on-secondary-fixed-variant: #484a00; --ct-sys-color-on-secondary-hover: #ffffff; --ct-sys-color-on-secondary-pressed: #ffffff; --ct-sys-color-on-secondary-state-layer: #000000; --ct-sys-color-on-success: #ffffff; --ct-sys-color-on-success-container: #005229; --ct-sys-color-on-success-container-hover: #005229; --ct-sys-color-on-success-container-pressed: #005229; --ct-sys-color-on-success-container-state-layer: #005229; --ct-sys-color-on-success-hover: #ffffff; --ct-sys-color-on-success-pressed: #ffffff; --ct-sys-color-on-success-state-layer: #000000; --ct-sys-color-on-surface: #231917; --ct-sys-color-on-surface-hover: #231917; --ct-sys-color-on-surface-pressed: #231917; --ct-sys-color-on-surface-selected-hover: #231917; --ct-sys-color-on-surface-selected-pressed: #231917; --ct-sys-color-on-surface-selected-state-layer: #231917; --ct-sys-color-on-surface-variant: #534340; --ct-sys-color-on-surface-variant-hover: #534340; --ct-sys-color-on-surface-variant-pressed: #534340; --ct-sys-color-on-tertiary: #ffffff; --ct-sys-color-on-tertiary-container: #00504d; --ct-sys-color-on-tertiary-container-hover: #00504d; --ct-sys-color-on-tertiary-container-pressed: #00504d; --ct-sys-color-on-tertiary-container-state-layer: #00504d; --ct-sys-color-on-tertiary-fixed: #00201f; --ct-sys-color-on-tertiary-fixed-variant: #00504d; --ct-sys-color-on-tertiary-hover: #ffffff; --ct-sys-color-on-tertiary-pressed: #ffffff; --ct-sys-color-on-tertiary-state-layer: #000000; --ct-sys-color-on-warning: #ffffff; --ct-sys-color-on-warning-container: #5b4300; --ct-sys-color-on-warning-container-hover: #5b4300; --ct-sys-color-on-warning-container-pressed: #5b4300; --ct-sys-color-on-warning-container-state-layer: #5b4300; --ct-sys-color-on-warning-hover: #ffffff; --ct-sys-color-on-warning-pressed: #ffffff; --ct-sys-color-on-warning-state-layer: #000000; --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-hover: #913b26; --ct-sys-color-primary-palette-key-color: #fb3d00; --ct-sys-color-primary-pressed: #802e1a; --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-hover: #575900; --ct-sys-color-secondary-palette-key-color: #8b8e00; --ct-sys-color-secondary-pressed: #4b4d00; --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-hover: #015f5c; --ct-sys-color-tertiary-palette-key-color: #049994; --ct-sys-color-tertiary-pressed: #01524f; --ct-sys-color-warning: #845400; --ct-sys-color-warning-container: #f2e0c2; --ct-sys-color-on-primary-container-solved: #891d00; --ct-sys-color-primary-container-solved: #ffdad2; --ct-sys-color-on-secondary-container-solved: #484a00; --ct-sys-color-secondary-container-solved: #e6e6b7; --ct-sys-color-on-tertiary-container-solved: #00504d; --ct-sys-color-tertiary-container-solved: #c4eae7; --ct-sys-color-on-error-container-solved: #93000a; --ct-sys-color-error-container-solved: #ffdad6; --ct-sys-color-on-information-container-solved: #004b72; --ct-sys-color-information-container-solved: #d7e4f2; --ct-sys-color-on-success-container-solved: #005229; --ct-sys-color-success-container-solved: #d6e7d5; --ct-sys-color-on-warning-container-solved: #5b4300; --ct-sys-color-warning-container-solved: #f2e0c2; --ct-sys-color-on-primary-solved: #ffffff; --ct-sys-color-primary-solved: #9c432d; --ct-sys-color-on-secondary-solved: #ffffff; --ct-sys-color-secondary-solved: #666800; --ct-sys-color-on-tertiary-solved: #ffffff; --ct-sys-color-tertiary-solved: #00726e; --ct-sys-color-on-error-solved: #ffffff; --ct-sys-color-error-solved: #ba1a1a; --ct-sys-color-on-information-solved: #ffffff; --ct-sys-color-information-solved: #006496; --ct-sys-color-on-success-solved: #ffffff; --ct-sys-color-success-solved: #006d38; --ct-sys-color-on-warning-solved: #ffffff; --ct-sys-color-warning-solved: #845400; --ct-sys-color-on-surface-solved: #231917; --ct-sys-color-surface-solved: #fff8f6; --ct-sys-color-background-solved: #fff8f6; --ct-sys-color-surface-dim-solved: #e8d6d2; --ct-sys-color-surface-bright-solved: #fff8f6; --ct-sys-color-surface-container-lowest-solved: #ffffff; --ct-sys-color-surface-container-low-solved: #fff1ed; --ct-sys-color-surface-container-solved: #fceae6; --ct-sys-color-surface-container-high-solved: #f7e4e0; --ct-sys-color-surface-container-highest-solved: #f1dfda; --ct-sys-color-on-surface-variant-solved: #534340; } @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-error-hover: #ffb4ab; --ct-sys-color-error-pressed: #ffbab2; --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-error-container-hover: #ffdad6; --ct-sys-color-on-error-container-pressed: #ffdad6; --ct-sys-color-on-error-container-state-layer: #ffdad6; --ct-sys-color-on-error-hover: #690005; --ct-sys-color-on-error-pressed: #690005; --ct-sys-color-on-error-state-layer: #690005; --ct-sys-color-on-information: #003451; --ct-sys-color-on-information-container: #d7e4f2; --ct-sys-color-on-information-container-hover: #d7e4f2; --ct-sys-color-on-information-container-pressed: #d7e4f2; --ct-sys-color-on-information-container-state-layer: #d7e4f2; --ct-sys-color-on-information-hover: #003451; --ct-sys-color-on-information-pressed: #003451; --ct-sys-color-on-information-state-layer: #003451; --ct-sys-color-on-primary: #003259; --ct-sys-color-on-primary-container: #d2e4ff; --ct-sys-color-on-primary-container-hover: #d2e4ff; --ct-sys-color-on-primary-container-pressed: #d2e4ff; --ct-sys-color-on-primary-container-selected: #d2e4ff; --ct-sys-color-on-primary-container-selected-hover: #deebff; --ct-sys-color-on-primary-container-selected-pressed: #fdfcff; --ct-sys-color-on-primary-container-state-layer: #d2e4ff; --ct-sys-color-on-primary-fixed: #001c37; --ct-sys-color-on-primary-fixed-variant: #00497f; --ct-sys-color-on-primary-hover: #003259; --ct-sys-color-on-primary-pressed: #003259; --ct-sys-color-on-primary-state-layer: #003259; --ct-sys-color-on-secondary: #5b005a; --ct-sys-color-on-secondary-container: #ffd7f5; --ct-sys-color-on-secondary-container-hover: #ffd7f5; --ct-sys-color-on-secondary-container-pressed: #ffd7f5; --ct-sys-color-on-secondary-container-selected: #ffd7f5; --ct-sys-color-on-secondary-container-selected-hover: #ffdff6; --ct-sys-color-on-secondary-container-selected-pressed: #fffbff; --ct-sys-color-on-secondary-container-state-layer: #ffd7f5; --ct-sys-color-on-secondary-fixed: #380038; --ct-sys-color-on-secondary-fixed-variant: #810080; --ct-sys-color-on-secondary-hover: #5b005a; --ct-sys-color-on-secondary-pressed: #5b005a; --ct-sys-color-on-secondary-state-layer: #5b005a; --ct-sys-color-on-success: #00391a; --ct-sys-color-on-success-container: #d6e7d5; --ct-sys-color-on-success-container-hover: #d6e7d5; --ct-sys-color-on-success-container-pressed: #d6e7d5; --ct-sys-color-on-success-container-state-layer: #d6e7d5; --ct-sys-color-on-success-hover: #00391a; --ct-sys-color-on-success-pressed: #00391a; --ct-sys-color-on-success-state-layer: #00391a; --ct-sys-color-on-surface: #e1e2e8; --ct-sys-color-on-surface-hover: #e1e2e8; --ct-sys-color-on-surface-pressed: #e1e2e8; --ct-sys-color-on-surface-selected-hover: #e1e2e8; --ct-sys-color-on-surface-selected-pressed: #ebecf2; --ct-sys-color-on-surface-selected-state-layer: #e1e2e8; --ct-sys-color-on-surface-variant: #c3c6cf; --ct-sys-color-on-surface-variant-hover: #c3c6cf; --ct-sys-color-on-surface-variant-pressed: #c9ccd5; --ct-sys-color-on-tertiary: #4f2500; --ct-sys-color-on-tertiary-container: #ffdcc5; --ct-sys-color-on-tertiary-container-hover: #ffdcc5; --ct-sys-color-on-tertiary-container-pressed: #ffdcc5; --ct-sys-color-on-tertiary-container-state-layer: #ffdcc5; --ct-sys-color-on-tertiary-fixed: #301400; --ct-sys-color-on-tertiary-fixed-variant: #703700; --ct-sys-color-on-tertiary-hover: #4f2500; --ct-sys-color-on-tertiary-pressed: #4f2500; --ct-sys-color-on-tertiary-state-layer: #4f2500; --ct-sys-color-on-warning: #3f2e00; --ct-sys-color-on-warning-container: #f2e0c2; --ct-sys-color-on-warning-container-hover: #f2e0c2; --ct-sys-color-on-warning-container-pressed: #f2e0c2; --ct-sys-color-on-warning-container-state-layer: #f2e0c2; --ct-sys-color-on-warning-hover: #3f2e00; --ct-sys-color-on-warning-pressed: #3f2e00; --ct-sys-color-on-warning-state-layer: #3f2e00; --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-hover: #94c2fd; --ct-sys-color-primary-palette-key-color: #0397fe; --ct-sys-color-primary-pressed: #aaceff; --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-hover: #f6b0ea; --ct-sys-color-secondary-palette-key-color: #f505f3; --ct-sys-color-secondary-pressed: #fbb4ee; --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-hover: #feac6e; --ct-sys-color-tertiary-palette-key-color: #e37600; --ct-sys-color-tertiary-pressed: #ffbd8d; --ct-sys-color-warning: #e3c37e; --ct-sys-color-warning-container: #643f00; --ct-sys-color-on-primary-container-solved: #d2e4ff; --ct-sys-color-primary-container-solved: #3a485b; --ct-sys-color-on-secondary-container-solved: #ffd7f5; --ct-sys-color-secondary-container-solved: #564052; --ct-sys-color-on-tertiary-container-solved: #ffdcc5; --ct-sys-color-tertiary-container-solved: #5d402c; --ct-sys-color-on-error-container-solved: #ffdad6; --ct-sys-color-error-container-solved: #93000a; --ct-sys-color-on-information-container-solved: #d7e4f2; --ct-sys-color-information-container-solved: #004b72; --ct-sys-color-on-success-container-solved: #d6e7d5; --ct-sys-color-success-container-solved: #005229; --ct-sys-color-on-warning-container-solved: #f2e0c2; --ct-sys-color-warning-container-solved: #643f00; --ct-sys-color-on-primary-solved: #003259; --ct-sys-color-primary-solved: #94c2fd; --ct-sys-color-on-secondary-solved: #5b005a; --ct-sys-color-secondary-solved: #f6b0ea; --ct-sys-color-on-tertiary-solved: #4f2500; --ct-sys-color-tertiary-solved: #feac6e; --ct-sys-color-on-error-solved: #690005; --ct-sys-color-error-solved: #ffb4ab; --ct-sys-color-on-information-solved: #003451; --ct-sys-color-information-solved: #a4cbee; --ct-sys-color-on-success-solved: #00391a; --ct-sys-color-success-solved: #a3d2ac; --ct-sys-color-on-warning-solved: #3f2e00; --ct-sys-color-warning-solved: #e3c37e; --ct-sys-color-on-surface-solved: #e1e2e8; --ct-sys-color-surface-solved: #000000; --ct-sys-color-background-solved: #000000; --ct-sys-color-surface-dim-solved: #111418; --ct-sys-color-surface-bright-solved: #36393e; --ct-sys-color-surface-container-lowest-solved: #0b0e13; --ct-sys-color-surface-container-low-solved: #191c20; --ct-sys-color-surface-container-solved: #1d2024; --ct-sys-color-surface-container-high-solved: #272a2f; --ct-sys-color-surface-container-highest-solved: #32353a; --ct-sys-color-on-surface-variant-solved: #c3c6cf; } :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-error-hover: #ffb4ab; --ct-sys-color-error-pressed: #ffbab2; --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-error-container-hover: #ffdad6; --ct-sys-color-on-error-container-pressed: #ffdad6; --ct-sys-color-on-error-container-state-layer: #ffdad6; --ct-sys-color-on-error-hover: #690005; --ct-sys-color-on-error-pressed: #690005; --ct-sys-color-on-error-state-layer: #690005; --ct-sys-color-on-information: #003451; --ct-sys-color-on-information-container: #d7e4f2; --ct-sys-color-on-information-container-hover: #d7e4f2; --ct-sys-color-on-information-container-pressed: #d7e4f2; --ct-sys-color-on-information-container-state-layer: #d7e4f2; --ct-sys-color-on-information-hover: #003451; --ct-sys-color-on-information-pressed: #003451; --ct-sys-color-on-information-state-layer: #003451; --ct-sys-color-on-primary: #330099; --ct-sys-color-on-primary-container: #e6deff; --ct-sys-color-on-primary-container-hover: #e6deff; --ct-sys-color-on-primary-container-pressed: #e6deff; --ct-sys-color-on-primary-container-selected: #e6deff; --ct-sys-color-on-primary-container-selected-hover: #ece4ff; --ct-sys-color-on-primary-container-selected-pressed: #fffbff; --ct-sys-color-on-primary-container-state-layer: #e6deff; --ct-sys-color-on-primary-fixed: #1d0061; --ct-sys-color-on-primary-fixed-variant: #4a21bd; --ct-sys-color-on-primary-hover: #330099; --ct-sys-color-on-primary-pressed: #330099; --ct-sys-color-on-primary-state-layer: #330099; --ct-sys-color-on-secondary: #68001a; --ct-sys-color-on-secondary-container: #ffdada; --ct-sys-color-on-secondary-container-hover: #ffdada; --ct-sys-color-on-secondary-container-pressed: #ffdada; --ct-sys-color-on-secondary-container-selected: #ffdada; --ct-sys-color-on-secondary-container-selected-hover: #ffe2e1; --ct-sys-color-on-secondary-container-selected-pressed: #fffbff; --ct-sys-color-on-secondary-container-state-layer: #ffdada; --ct-sys-color-on-secondary-fixed: #40000c; --ct-sys-color-on-secondary-fixed-variant: #920028; --ct-sys-color-on-secondary-hover: #68001a; --ct-sys-color-on-secondary-pressed: #68001a; --ct-sys-color-on-secondary-state-layer: #68001a; --ct-sys-color-on-success: #00391a; --ct-sys-color-on-success-container: #d6e7d5; --ct-sys-color-on-success-container-hover: #d6e7d5; --ct-sys-color-on-success-container-pressed: #d6e7d5; --ct-sys-color-on-success-container-state-layer: #d6e7d5; --ct-sys-color-on-success-hover: #00391a; --ct-sys-color-on-success-pressed: #00391a; --ct-sys-color-on-success-state-layer: #00391a; --ct-sys-color-on-surface: #e6e1e9; --ct-sys-color-on-surface-hover: #e6e1e9; --ct-sys-color-on-surface-pressed: #e6e1e9; --ct-sys-color-on-surface-selected-hover: #e6e1e9; --ct-sys-color-on-surface-selected-pressed: #f0ebf3; --ct-sys-color-on-surface-selected-state-layer: #e6e1e9; --ct-sys-color-on-surface-variant: #c9c4d0; --ct-sys-color-on-surface-variant-hover: #c9c4d0; --ct-sys-color-on-surface-variant-pressed: #cfcad6; --ct-sys-color-on-tertiary: #3b2f00; --ct-sys-color-on-tertiary-container: #ffe179; --ct-sys-color-on-tertiary-container-hover: #ffe179; --ct-sys-color-on-tertiary-container-pressed: #ffe179; --ct-sys-color-on-tertiary-container-state-layer: #ffe179; --ct-sys-color-on-tertiary-fixed: #231b00; --ct-sys-color-on-tertiary-fixed-variant: #554500; --ct-sys-color-on-tertiary-hover: #3b2f00; --ct-sys-color-on-tertiary-pressed: #3b2f00; --ct-sys-color-on-tertiary-state-layer: #3b2f00; --ct-sys-color-on-warning: #3f2e00; --ct-sys-color-on-warning-container: #f2e0c2; --ct-sys-color-on-warning-container-hover: #f2e0c2; --ct-sys-color-on-warning-container-pressed: #f2e0c2; --ct-sys-color-on-warning-container-state-layer: #f2e0c2; --ct-sys-color-on-warning-hover: #3f2e00; --ct-sys-color-on-warning-pressed: #3f2e00; --ct-sys-color-on-warning-state-layer: #3f2e00; --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-hover: #c4b6ff; --ct-sys-color-primary-palette-key-color: #7c5df0; --ct-sys-color-primary-pressed: #d0c4ff; --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-hover: #ffa7ab; --ct-sys-color-secondary-palette-key-color: #ec0848; --ct-sys-color-secondary-pressed: #ffb9bc; --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-hover: #e1c562; --ct-sys-color-tertiary-palette-key-color: #9d8102; --ct-sys-color-tertiary-pressed: #e7cb67; --ct-sys-color-warning: #e3c37e; --ct-sys-color-warning-container: #643f00; --ct-sys-color-on-primary-container-solved: #e6deff; --ct-sys-color-primary-container-solved: #48435b; --ct-sys-color-on-secondary-container-solved: #ffdada; --ct-sys-color-secondary-container-solved: #5f3e40; --ct-sys-color-on-tertiary-container-solved: #ffe179; --ct-sys-color-tertiary-container-solved: #4f4626; --ct-sys-color-on-error-container-solved: #ffdad6; --ct-sys-color-error-container-solved: #93000a; --ct-sys-color-on-information-container-solved: #d7e4f2; --ct-sys-color-information-container-solved: #004b72; --ct-sys-color-on-success-container-solved: #d6e7d5; --ct-sys-color-success-container-solved: #005229; --ct-sys-color-on-warning-container-solved: #f2e0c2; --ct-sys-color-warning-container-solved: #643f00; --ct-sys-color-on-primary-solved: #330099; --ct-sys-color-primary-solved: #c4b6ff; --ct-sys-color-on-secondary-solved: #68001a; --ct-sys-color-secondary-solved: #ffa7ab; --ct-sys-color-on-tertiary-solved: #3b2f00; --ct-sys-color-tertiary-solved: #e1c562; --ct-sys-color-on-error-solved: #690005; --ct-sys-color-error-solved: #ffb4ab; --ct-sys-color-on-information-solved: #003451; --ct-sys-color-information-solved: #a4cbee; --ct-sys-color-on-success-solved: #00391a; --ct-sys-color-success-solved: #a3d2ac; --ct-sys-color-on-warning-solved: #3f2e00; --ct-sys-color-warning-solved: #e3c37e; --ct-sys-color-on-surface-solved: #e6e1e9; --ct-sys-color-surface-solved: #000000; --ct-sys-color-background-solved: #000000; --ct-sys-color-surface-dim-solved: #141318; --ct-sys-color-surface-bright-solved: #3a383e; --ct-sys-color-surface-container-lowest-solved: #0f0d13; --ct-sys-color-surface-container-low-solved: #1c1b20; --ct-sys-color-surface-container-solved: #201f24; --ct-sys-color-surface-container-high-solved: #2b292f; --ct-sys-color-surface-container-highest-solved: #36343a; --ct-sys-color-on-surface-variant-solved: #c9c4d0; } :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-error-hover: #ffb4ab; --ct-sys-color-error-pressed: #ffbab2; --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-error-container-hover: #ffdad6; --ct-sys-color-on-error-container-pressed: #ffdad6; --ct-sys-color-on-error-container-state-layer: #ffdad6; --ct-sys-color-on-error-hover: #690005; --ct-sys-color-on-error-pressed: #690005; --ct-sys-color-on-error-state-layer: #690005; --ct-sys-color-on-information: #003451; --ct-sys-color-on-information-container: #d7e4f2; --ct-sys-color-on-information-container-hover: #d7e4f2; --ct-sys-color-on-information-container-pressed: #d7e4f2; --ct-sys-color-on-information-container-state-layer: #d7e4f2; --ct-sys-color-on-information-hover: #003451; --ct-sys-color-on-information-pressed: #003451; --ct-sys-color-on-information-state-layer: #003451; --ct-sys-color-on-primary: #5b005a; --ct-sys-color-on-primary-container: #ffd7f5; --ct-sys-color-on-primary-container-hover: #ffd7f5; --ct-sys-color-on-primary-container-pressed: #ffd7f5; --ct-sys-color-on-primary-container-selected: #ffd7f5; --ct-sys-color-on-primary-container-selected-hover: #ffe1f6; --ct-sys-color-on-primary-container-selected-pressed: #fffdff; --ct-sys-color-on-primary-container-state-layer: #ffd7f5; --ct-sys-color-on-primary-fixed: #380037; --ct-sys-color-on-primary-fixed-variant: #810180; --ct-sys-color-on-primary-hover: #5b005a; --ct-sys-color-on-primary-pressed: #5b005a; --ct-sys-color-on-primary-state-layer: #5b005a; --ct-sys-color-on-secondary: #4f2500; --ct-sys-color-on-secondary-container: #ffdcc5; --ct-sys-color-on-secondary-container-hover: #ffdcc5; --ct-sys-color-on-secondary-container-pressed: #ffdcc5; --ct-sys-color-on-secondary-container-selected: #ffdcc5; --ct-sys-color-on-secondary-container-selected-hover: #ffe3d1; --ct-sys-color-on-secondary-container-selected-pressed: #fffbff; --ct-sys-color-on-secondary-container-state-layer: #ffdcc5; --ct-sys-color-on-secondary-fixed: #301400; --ct-sys-color-on-secondary-fixed-variant: #703700; --ct-sys-color-on-secondary-hover: #4f2500; --ct-sys-color-on-secondary-pressed: #4f2500; --ct-sys-color-on-secondary-state-layer: #4f2500; --ct-sys-color-on-success: #00391a; --ct-sys-color-on-success-container: #d6e7d5; --ct-sys-color-on-success-container-hover: #d6e7d5; --ct-sys-color-on-success-container-pressed: #d6e7d5; --ct-sys-color-on-success-container-state-layer: #d6e7d5; --ct-sys-color-on-success-hover: #00391a; --ct-sys-color-on-success-pressed: #00391a; --ct-sys-color-on-success-state-layer: #00391a; --ct-sys-color-on-surface: #ecdfe5; --ct-sys-color-on-surface-hover: #ecdfe5; --ct-sys-color-on-surface-pressed: #ecdfe5; --ct-sys-color-on-surface-selected-hover: #ecdfe5; --ct-sys-color-on-surface-selected-pressed: #f6e9ef; --ct-sys-color-on-surface-selected-state-layer: #ecdfe5; --ct-sys-color-on-surface-variant: #d1c2cb; --ct-sys-color-on-surface-variant-hover: #d1c2cb; --ct-sys-color-on-surface-variant-pressed: #d7c8d1; --ct-sys-color-on-tertiary: #193800; --ct-sys-color-on-tertiary-container: #bdf291; --ct-sys-color-on-tertiary-container-hover: #bdf291; --ct-sys-color-on-tertiary-container-pressed: #bdf291; --ct-sys-color-on-tertiary-container-state-layer: #bdf291; --ct-sys-color-on-tertiary-fixed: #0c2000; --ct-sys-color-on-tertiary-fixed-variant: #275000; --ct-sys-color-on-tertiary-hover: #193800; --ct-sys-color-on-tertiary-pressed: #193800; --ct-sys-color-on-tertiary-state-layer: #193800; --ct-sys-color-on-warning: #3f2e00; --ct-sys-color-on-warning-container: #f2e0c2; --ct-sys-color-on-warning-container-hover: #f2e0c2; --ct-sys-color-on-warning-container-pressed: #f2e0c2; --ct-sys-color-on-warning-container-state-layer: #f2e0c2; --ct-sys-color-on-warning-hover: #3f2e00; --ct-sys-color-on-warning-pressed: #3f2e00; --ct-sys-color-on-warning-state-layer: #3f2e00; --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-hover: #f6b0ea; --ct-sys-color-primary-palette-key-color: #bc46b5; --ct-sys-color-primary-pressed: #fcb5f0; --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-hover: #feac6e; --ct-sys-color-secondary-palette-key-color: #ab662e; --ct-sys-color-secondary-pressed: #ffbd8d; --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-hover: #aad386; --ct-sys-color-tertiary-palette-key-color: #568331; --ct-sys-color-tertiary-pressed: #afd98b; --ct-sys-color-warning: #e3c37e; --ct-sys-color-warning-container: #643f00; --ct-sys-color-on-primary-container-solved: #ffd7f5; --ct-sys-color-primary-container-solved: #564052; --ct-sys-color-on-secondary-container-solved: #ffdcc5; --ct-sys-color-secondary-container-solved: #5d402c; --ct-sys-color-on-tertiary-container-solved: #bdf291; --ct-sys-color-tertiary-container-solved: #3d4a31; --ct-sys-color-on-error-container-solved: #ffdad6; --ct-sys-color-error-container-solved: #93000a; --ct-sys-color-on-information-container-solved: #d7e4f2; --ct-sys-color-information-container-solved: #004b72; --ct-sys-color-on-success-container-solved: #d6e7d5; --ct-sys-color-success-container-solved: #005229; --ct-sys-color-on-warning-container-solved: #f2e0c2; --ct-sys-color-warning-container-solved: #643f00; --ct-sys-color-on-primary-solved: #5b005a; --ct-sys-color-primary-solved: #f6b0ea; --ct-sys-color-on-secondary-solved: #4f2500; --ct-sys-color-secondary-solved: #feac6e; --ct-sys-color-on-tertiary-solved: #193800; --ct-sys-color-tertiary-solved: #aad386; --ct-sys-color-on-error-solved: #690005; --ct-sys-color-error-solved: #ffb4ab; --ct-sys-color-on-information-solved: #003451; --ct-sys-color-information-solved: #a4cbee; --ct-sys-color-on-success-solved: #00391a; --ct-sys-color-success-solved: #a3d2ac; --ct-sys-color-on-warning-solved: #3f2e00; --ct-sys-color-warning-solved: #e3c37e; --ct-sys-color-on-surface-solved: #ecdfe5; --ct-sys-color-surface-solved: #000000; --ct-sys-color-background-solved: #000000; --ct-sys-color-surface-dim-solved: #171216; --ct-sys-color-surface-bright-solved: #3e373c; --ct-sys-color-surface-container-lowest-solved: #120d11; --ct-sys-color-surface-container-low-solved: #201a1e; --ct-sys-color-surface-container-solved: #241e22; --ct-sys-color-surface-container-high-solved: #2f282d; --ct-sys-color-surface-container-highest-solved: #3a3338; --ct-sys-color-on-surface-variant-solved: #d1c2cb; } :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-error-hover: #ffb4ab; --ct-sys-color-error-pressed: #ffbcb4; --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-error-container-hover: #ffdad6; --ct-sys-color-on-error-container-pressed: #ffdad6; --ct-sys-color-on-error-container-state-layer: #ffdad6; --ct-sys-color-on-error-hover: #690005; --ct-sys-color-on-error-pressed: #690005; --ct-sys-color-on-error-state-layer: #690005; --ct-sys-color-on-information: #003451; --ct-sys-color-on-information-container: #d7e4f2; --ct-sys-color-on-information-container-hover: #d7e4f2; --ct-sys-color-on-information-container-pressed: #d7e4f2; --ct-sys-color-on-information-container-state-layer: #d7e4f2; --ct-sys-color-on-information-hover: #003451; --ct-sys-color-on-information-pressed: #003451; --ct-sys-color-on-information-state-layer: #003451; --ct-sys-color-on-primary: #68001a; --ct-sys-color-on-primary-container: #ffdada; --ct-sys-color-on-primary-container-hover: #ffdada; --ct-sys-color-on-primary-container-pressed: #ffdada; --ct-sys-color-on-primary-container-selected: #ffdada; --ct-sys-color-on-primary-container-selected-hover: #ffe2e1; --ct-sys-color-on-primary-container-selected-pressed: #fffbff; --ct-sys-color-on-primary-container-state-layer: #ffdada; --ct-sys-color-on-primary-fixed: #40000d; --ct-sys-color-on-primary-fixed-variant: #8f0c2a; --ct-sys-color-on-primary-hover: #68001a; --ct-sys-color-on-primary-pressed: #68001a; --ct-sys-color-on-primary-state-layer: #68001a; --ct-sys-color-on-secondary: #3b2f00; --ct-sys-color-on-secondary-container: #fbe18e; --ct-sys-color-on-secondary-container-hover: #fbe18e; --ct-sys-color-on-secondary-container-pressed: #fbe18e; --ct-sys-color-on-secondary-container-selected: #fbe18e; --ct-sys-color-on-secondary-container-selected-hover: #ffe79c; --ct-sys-color-on-secondary-container-selected-pressed: #fffbff; --ct-sys-color-on-secondary-container-state-layer: #fbe18e; --ct-sys-color-on-secondary-fixed: #231b00; --ct-sys-color-on-secondary-fixed-variant: #554500; --ct-sys-color-on-secondary-hover: #3b2f00; --ct-sys-color-on-secondary-pressed: #3b2f00; --ct-sys-color-on-secondary-state-layer: #3b2f00; --ct-sys-color-on-success: #00391a; --ct-sys-color-on-success-container: #d6e7d5; --ct-sys-color-on-success-container-hover: #d6e7d5; --ct-sys-color-on-success-container-pressed: #d6e7d5; --ct-sys-color-on-success-container-state-layer: #d6e7d5; --ct-sys-color-on-success-hover: #00391a; --ct-sys-color-on-success-pressed: #00391a; --ct-sys-color-on-success-state-layer: #00391a; --ct-sys-color-on-surface: #f0dede; --ct-sys-color-on-surface-hover: #f0dede; --ct-sys-color-on-surface-pressed: #f0dede; --ct-sys-color-on-surface-selected-hover: #f0dede; --ct-sys-color-on-surface-selected-pressed: #fce9e9; --ct-sys-color-on-surface-selected-state-layer: #f0dede; --ct-sys-color-on-surface-variant: #d7c1c2; --ct-sys-color-on-surface-variant-hover: #d7c1c2; --ct-sys-color-on-surface-variant-pressed: #ddc6c7; --ct-sys-color-on-tertiary: #00382b; --ct-sys-color-on-tertiary-container: #acf0d9; --ct-sys-color-on-tertiary-container-hover: #acf0d9; --ct-sys-color-on-tertiary-container-pressed: #acf0d9; --ct-sys-color-on-tertiary-container-state-layer: #acf0d9; --ct-sys-color-on-tertiary-fixed: #002018; --ct-sys-color-on-tertiary-fixed-variant: #005140; --ct-sys-color-on-tertiary-hover: #00382b; --ct-sys-color-on-tertiary-pressed: #00382b; --ct-sys-color-on-tertiary-state-layer: #00382b; --ct-sys-color-on-warning: #3f2e00; --ct-sys-color-on-warning-container: #f2e0c2; --ct-sys-color-on-warning-container-hover: #f2e0c2; --ct-sys-color-on-warning-container-pressed: #f2e0c2; --ct-sys-color-on-warning-container-state-layer: #f2e0c2; --ct-sys-color-on-warning-hover: #3f2e00; --ct-sys-color-on-warning-pressed: #3f2e00; --ct-sys-color-on-warning-state-layer: #3f2e00; --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-hover: #ffa7ab; --ct-sys-color-primary-palette-key-color: #d24356; --ct-sys-color-primary-pressed: #ffbbbe; --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-hover: #e1c562; --ct-sys-color-secondary-palette-key-color: #8a762f; --ct-sys-color-secondary-pressed: #e7cb67; --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-hover: #7cd8bb; --ct-sys-color-tertiary-palette-key-color: #418370; --ct-sys-color-tertiary-pressed: #82dec0; --ct-sys-color-warning: #e3c37e; --ct-sys-color-warning-container: #643f00; --ct-sys-color-on-primary-container-solved: #ffdada; --ct-sys-color-primary-container-solved: #5f3e40; --ct-sys-color-on-secondary-container-solved: #fbe18e; --ct-sys-color-secondary-container-solved: #4f4626; --ct-sys-color-on-tertiary-container-solved: #acf0d9; --ct-sys-color-tertiary-container-solved: #304c43; --ct-sys-color-on-error-container-solved: #ffdad6; --ct-sys-color-error-container-solved: #93000a; --ct-sys-color-on-information-container-solved: #d7e4f2; --ct-sys-color-information-container-solved: #004b72; --ct-sys-color-on-success-container-solved: #d6e7d5; --ct-sys-color-success-container-solved: #005229; --ct-sys-color-on-warning-container-solved: #f2e0c2; --ct-sys-color-warning-container-solved: #643f00; --ct-sys-color-on-primary-solved: #68001a; --ct-sys-color-primary-solved: #ffa7ab; --ct-sys-color-on-secondary-solved: #3b2f00; --ct-sys-color-secondary-solved: #e1c562; --ct-sys-color-on-tertiary-solved: #00382b; --ct-sys-color-tertiary-solved: #7cd8bb; --ct-sys-color-on-error-solved: #690005; --ct-sys-color-error-solved: #ffb4ab; --ct-sys-color-on-information-solved: #003451; --ct-sys-color-information-solved: #a4cbee; --ct-sys-color-on-success-solved: #00391a; --ct-sys-color-success-solved: #a3d2ac; --ct-sys-color-on-warning-solved: #3f2e00; --ct-sys-color-warning-solved: #e3c37e; --ct-sys-color-on-surface-solved: #f0dede; --ct-sys-color-surface-solved: #000000; --ct-sys-color-background-solved: #000000; --ct-sys-color-surface-dim-solved: #1a1112; --ct-sys-color-surface-bright-solved: #413737; --ct-sys-color-surface-container-lowest-solved: #140c0c; --ct-sys-color-surface-container-low-solved: #22191a; --ct-sys-color-surface-container-solved: #271d1e; --ct-sys-color-surface-container-high-solved: #322828; --ct-sys-color-surface-container-highest-solved: #3d3232; --ct-sys-color-on-surface-variant-solved: #d7c1c2; } :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-error-hover: #ffb4ab; --ct-sys-color-error-pressed: #ffbab2; --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-error-container-hover: #ffdad6; --ct-sys-color-on-error-container-pressed: #ffdad6; --ct-sys-color-on-error-container-state-layer: #ffdad6; --ct-sys-color-on-error-hover: #690005; --ct-sys-color-on-error-pressed: #690005; --ct-sys-color-on-error-state-layer: #690005; --ct-sys-color-on-information: #003451; --ct-sys-color-on-information-container: #d7e4f2; --ct-sys-color-on-information-container-hover: #d7e4f2; --ct-sys-color-on-information-container-pressed: #d7e4f2; --ct-sys-color-on-information-container-state-layer: #d7e4f2; --ct-sys-color-on-information-hover: #003451; --ct-sys-color-on-information-pressed: #003451; --ct-sys-color-on-information-state-layer: #003451; --ct-sys-color-on-primary: #4f2500; --ct-sys-color-on-primary-container: #ffdcc5; --ct-sys-color-on-primary-container-hover: #ffdcc5; --ct-sys-color-on-primary-container-pressed: #ffdcc5; --ct-sys-color-on-primary-container-selected: #ffdcc5; --ct-sys-color-on-primary-container-selected-hover: #ffe3d1; --ct-sys-color-on-primary-container-selected-pressed: #fffbff; --ct-sys-color-on-primary-container-state-layer: #ffdcc5; --ct-sys-color-on-primary-fixed: #301400; --ct-sys-color-on-primary-fixed-variant: #703700; --ct-sys-color-on-primary-hover: #4f2500; --ct-sys-color-on-primary-pressed: #4f2500; --ct-sys-color-on-primary-state-layer: #4f2500; --ct-sys-color-on-secondary: #193800; --ct-sys-color-on-secondary-container: #9dfa4f; --ct-sys-color-on-secondary-container-hover: #9dfa4f; --ct-sys-color-on-secondary-container-pressed: #9dfa4f; --ct-sys-color-on-secondary-container-selected: #9dfa4f; --ct-sys-color-on-secondary-container-selected-hover: #a1fe53; --ct-sys-color-on-secondary-container-selected-pressed: #f3ffe1; --ct-sys-color-on-secondary-container-state-layer: #9dfa4f; --ct-sys-color-on-secondary-fixed: #0c2000; --ct-sys-color-on-secondary-fixed-variant: #275000; --ct-sys-color-on-secondary-hover: #193800; --ct-sys-color-on-secondary-pressed: #193800; --ct-sys-color-on-secondary-state-layer: #193800; --ct-sys-color-on-success: #00391a; --ct-sys-color-on-success-container: #d6e7d5; --ct-sys-color-on-success-container-hover: #d6e7d5; --ct-sys-color-on-success-container-pressed: #d6e7d5; --ct-sys-color-on-success-container-state-layer: #d6e7d5; --ct-sys-color-on-success-hover: #00391a; --ct-sys-color-on-success-pressed: #00391a; --ct-sys-color-on-success-state-layer: #00391a; --ct-sys-color-on-surface: #f0dfd6; --ct-sys-color-on-surface-hover: #f0dfd6; --ct-sys-color-on-surface-pressed: #f0dfd6; --ct-sys-color-on-surface-selected-hover: #f0dfd6; --ct-sys-color-on-surface-selected-pressed: #fae9e0; --ct-sys-color-on-surface-selected-state-layer: #f0dfd6; --ct-sys-color-on-surface-variant: #d6c3b7; --ct-sys-color-on-surface-variant-hover: #d6c3b7; --ct-sys-color-on-surface-variant-pressed: #dcc9bc; --ct-sys-color-on-tertiary: #00363f; --ct-sys-color-on-tertiary-container: #a7edff; --ct-sys-color-on-tertiary-container-hover: #a7edff; --ct-sys-color-on-tertiary-container-pressed: #a7edff; --ct-sys-color-on-tertiary-container-state-layer: #a7edff; --ct-sys-color-on-tertiary-fixed: #001f25; --ct-sys-color-on-tertiary-fixed-variant: #004e5b; --ct-sys-color-on-tertiary-hover: #00363f; --ct-sys-color-on-tertiary-pressed: #00363f; --ct-sys-color-on-tertiary-state-layer: #00363f; --ct-sys-color-on-warning: #3f2e00; --ct-sys-color-on-warning-container: #f2e0c2; --ct-sys-color-on-warning-container-hover: #f2e0c2; --ct-sys-color-on-warning-container-pressed: #f2e0c2; --ct-sys-color-on-warning-container-state-layer: #f2e0c2; --ct-sys-color-on-warning-hover: #3f2e00; --ct-sys-color-on-warning-pressed: #3f2e00; --ct-sys-color-on-warning-state-layer: #3f2e00; --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-hover: #feac6e; --ct-sys-color-primary-palette-key-color: #fe8500; --ct-sys-color-primary-pressed: #ffbd8d; --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-hover: #aad386; --ct-sys-color-secondary-palette-key-color: #63bb02; --ct-sys-color-secondary-pressed: #aed78a; --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-hover: #76d3e9; --ct-sys-color-tertiary-palette-key-color: #01b6d1; --ct-sys-color-tertiary-pressed: #7cd9ef; --ct-sys-color-warning: #e3c37e; --ct-sys-color-warning-container: #643f00; --ct-sys-color-on-primary-container-solved: #ffdcc5; --ct-sys-color-primary-container-solved: #5d402c; --ct-sys-color-on-secondary-container-solved: #9dfa4f; --ct-sys-color-secondary-container-solved: #3d4a31; --ct-sys-color-on-tertiary-container-solved: #a7edff; --ct-sys-color-tertiary-container-solved: #2f4b52; --ct-sys-color-on-error-container-solved: #ffdad6; --ct-sys-color-error-container-solved: #93000a; --ct-sys-color-on-information-container-solved: #d7e4f2; --ct-sys-color-information-container-solved: #004b72; --ct-sys-color-on-success-container-solved: #d6e7d5; --ct-sys-color-success-container-solved: #005229; --ct-sys-color-on-warning-container-solved: #f2e0c2; --ct-sys-color-warning-container-solved: #643f00; --ct-sys-color-on-primary-solved: #4f2500; --ct-sys-color-primary-solved: #feac6e; --ct-sys-color-on-secondary-solved: #193800; --ct-sys-color-secondary-solved: #aad386; --ct-sys-color-on-tertiary-solved: #00363f; --ct-sys-color-tertiary-solved: #76d3e9; --ct-sys-color-on-error-solved: #690005; --ct-sys-color-error-solved: #ffb4ab; --ct-sys-color-on-information-solved: #003451; --ct-sys-color-information-solved: #a4cbee; --ct-sys-color-on-success-solved: #00391a; --ct-sys-color-success-solved: #a3d2ac; --ct-sys-color-on-warning-solved: #3f2e00; --ct-sys-color-warning-solved: #e3c37e; --ct-sys-color-on-surface-solved: #f0dfd6; --ct-sys-color-surface-solved: #000000; --ct-sys-color-background-solved: #000000; --ct-sys-color-surface-dim-solved: #19120d; --ct-sys-color-surface-bright-solved: #413731; --ct-sys-color-surface-container-lowest-solved: #140d08; --ct-sys-color-surface-container-low-solved: #221a15; --ct-sys-color-surface-container-solved: #261e18; --ct-sys-color-surface-container-high-solved: #312822; --ct-sys-color-surface-container-highest-solved: #3c332d; --ct-sys-color-on-surface-variant-solved: #d6c3b7; } :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-error-hover: #ffb4ab; --ct-sys-color-error-pressed: #ffbcb4; --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-error-container-hover: #ffdad6; --ct-sys-color-on-error-container-pressed: #ffdad6; --ct-sys-color-on-error-container-state-layer: #ffdad6; --ct-sys-color-on-error-hover: #690005; --ct-sys-color-on-error-pressed: #690005; --ct-sys-color-on-error-state-layer: #690005; --ct-sys-color-on-information: #003451; --ct-sys-color-on-information-container: #d7e4f2; --ct-sys-color-on-information-container-hover: #d7e4f2; --ct-sys-color-on-information-container-pressed: #d7e4f2; --ct-sys-color-on-information-container-state-layer: #d7e4f2; --ct-sys-color-on-information-hover: #003451; --ct-sys-color-on-information-pressed: #003451; --ct-sys-color-on-information-state-layer: #003451; --ct-sys-color-on-primary: #3b2f00; --ct-sys-color-on-primary-container: #ffe17b; --ct-sys-color-on-primary-container-hover: #ffe17b; --ct-sys-color-on-primary-container-pressed: #ffe17b; --ct-sys-color-on-primary-container-selected: #ffe17b; --ct-sys-color-on-primary-container-selected-hover: #ffe79c; --ct-sys-color-on-primary-container-selected-pressed: #fffbff; --ct-sys-color-on-primary-container-state-layer: #ffe17b; --ct-sys-color-on-primary-fixed: #231b00; --ct-sys-color-on-primary-fixed-variant: #564500; --ct-sys-color-on-primary-hover: #3b2f00; --ct-sys-color-on-primary-pressed: #3b2f00; --ct-sys-color-on-primary-state-layer: #3b2f00; --ct-sys-color-on-secondary: #00382b; --ct-sys-color-on-secondary-container: #35fed0; --ct-sys-color-on-secondary-container-hover: #35fed0; --ct-sys-color-on-secondary-container-pressed: #35fed0; --ct-sys-color-on-secondary-container-selected: #35fed0; --ct-sys-color-on-secondary-container-selected-hover: #79ffd9; --ct-sys-color-on-secondary-container-selected-pressed: #ecfff6; --ct-sys-color-on-secondary-container-state-layer: #35fed0; --ct-sys-color-on-secondary-fixed: #002018; --ct-sys-color-on-secondary-fixed-variant: #005140; --ct-sys-color-on-secondary-hover: #00382b; --ct-sys-color-on-secondary-pressed: #00382b; --ct-sys-color-on-secondary-state-layer: #00382b; --ct-sys-color-on-success: #00391a; --ct-sys-color-on-success-container: #d6e7d5; --ct-sys-color-on-success-container-hover: #d6e7d5; --ct-sys-color-on-success-container-pressed: #d6e7d5; --ct-sys-color-on-success-container-state-layer: #d6e7d5; --ct-sys-color-on-success-hover: #00391a; --ct-sys-color-on-success-pressed: #00391a; --ct-sys-color-on-success-state-layer: #00391a; --ct-sys-color-on-surface: #e9e2d4; --ct-sys-color-on-surface-hover: #e9e2d4; --ct-sys-color-on-surface-pressed: #e9e2d4; --ct-sys-color-on-surface-selected-hover: #e9e2d4; --ct-sys-color-on-surface-selected-pressed: #f3ecde; --ct-sys-color-on-surface-selected-state-layer: #e9e2d4; --ct-sys-color-on-surface-variant: #cec6b4; --ct-sys-color-on-surface-variant-hover: #cec6b4; --ct-sys-color-on-surface-variant-pressed: #d4ccb9; --ct-sys-color-on-tertiary: #113252; --ct-sys-color-on-tertiary-container: #d2e4ff; --ct-sys-color-on-tertiary-container-hover: #d2e4ff; --ct-sys-color-on-tertiary-container-pressed: #d2e4ff; --ct-sys-color-on-tertiary-container-state-layer: #d2e4ff; --ct-sys-color-on-tertiary-fixed: #001c37; --ct-sys-color-on-tertiary-fixed-variant: #2b486a; --ct-sys-color-on-tertiary-hover: #113252; --ct-sys-color-on-tertiary-pressed: #113252; --ct-sys-color-on-tertiary-state-layer: #113252; --ct-sys-color-on-warning: #3f2e00; --ct-sys-color-on-warning-container: #f2e0c2; --ct-sys-color-on-warning-container-hover: #f2e0c2; --ct-sys-color-on-warning-container-pressed: #f2e0c2; --ct-sys-color-on-warning-container-state-layer: #f2e0c2; --ct-sys-color-on-warning-hover: #3f2e00; --ct-sys-color-on-warning-pressed: #3f2e00; --ct-sys-color-on-warning-state-layer: #3f2e00; --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-hover: #e2c562; --ct-sys-color-primary-palette-key-color: #fcd002; --ct-sys-color-primary-pressed: #e8cb67; --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-hover: #7cd7bb; --ct-sys-color-secondary-palette-key-color: #0df0c3; --ct-sys-color-secondary-pressed: #82ddc0; --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-hover: #94c3fd; --ct-sys-color-tertiary-palette-key-color: #5c799d; --ct-sys-color-tertiary-pressed: #aacfff; --ct-sys-color-warning: #e3c37e; --ct-sys-color-warning-container: #643f00; --ct-sys-color-on-primary-container-solved: #ffe17b; --ct-sys-color-primary-container-solved: #504626; --ct-sys-color-on-secondary-container-solved: #35fed0; --ct-sys-color-secondary-container-solved: #304c43; --ct-sys-color-on-tertiary-container-solved: #d2e4ff; --ct-sys-color-tertiary-container-solved: #3a475a; --ct-sys-color-on-error-container-solved: #ffdad6; --ct-sys-color-error-container-solved: #93000a; --ct-sys-color-on-information-container-solved: #d7e4f2; --ct-sys-color-information-container-solved: #004b72; --ct-sys-color-on-success-container-solved: #d6e7d5; --ct-sys-color-success-container-solved: #005229; --ct-sys-color-on-warning-container-solved: #f2e0c2; --ct-sys-color-warning-container-solved: #643f00; --ct-sys-color-on-primary-solved: #3b2f00; --ct-sys-color-primary-solved: #e2c562; --ct-sys-color-on-secondary-solved: #00382b; --ct-sys-color-secondary-solved: #7cd7bb; --ct-sys-color-on-tertiary-solved: #113252; --ct-sys-color-tertiary-solved: #94c3fd; --ct-sys-color-on-error-solved: #690005; --ct-sys-color-error-solved: #ffb4ab; --ct-sys-color-on-information-solved: #003451; --ct-sys-color-information-solved: #a4cbee; --ct-sys-color-on-success-solved: #00391a; --ct-sys-color-success-solved: #a3d2ac; --ct-sys-color-on-warning-solved: #3f2e00; --ct-sys-color-warning-solved: #e3c37e; --ct-sys-color-on-surface-solved: #e9e2d4; --ct-sys-color-surface-solved: #000000; --ct-sys-color-background-solved: #000000; --ct-sys-color-surface-dim-solved: #16130b; --ct-sys-color-surface-bright-solved: #3d392f; --ct-sys-color-surface-container-lowest-solved: #100e07; --ct-sys-color-surface-container-low-solved: #1e1b13; --ct-sys-color-surface-container-solved: #221f17; --ct-sys-color-surface-container-high-solved: #2d2a21; --ct-sys-color-surface-container-highest-solved: #38342b; --ct-sys-color-on-surface-variant-solved: #cec6b4; } :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-error-hover: #ffb4ab; --ct-sys-color-error-pressed: #ffbab2; --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-error-container-hover: #ffdad6; --ct-sys-color-on-error-container-pressed: #ffdad6; --ct-sys-color-on-error-container-state-layer: #ffdad6; --ct-sys-color-on-error-hover: #690005; --ct-sys-color-on-error-pressed: #690005; --ct-sys-color-on-error-state-layer: #690005; --ct-sys-color-on-information: #003451; --ct-sys-color-on-information-container: #d7e4f2; --ct-sys-color-on-information-container-hover: #d7e4f2; --ct-sys-color-on-information-container-pressed: #d7e4f2; --ct-sys-color-on-information-container-state-layer: #d7e4f2; --ct-sys-color-on-information-hover: #003451; --ct-sys-color-on-information-pressed: #003451; --ct-sys-color-on-information-state-layer: #003451; --ct-sys-color-on-primary: #193800; --ct-sys-color-on-primary-container: #a7f866; --ct-sys-color-on-primary-container-hover: #a7f866; --ct-sys-color-on-primary-container-pressed: #a7f866; --ct-sys-color-on-primary-container-selected: #a7f866; --ct-sys-color-on-primary-container-selected-hover: #acfe6b; --ct-sys-color-on-primary-container-selected-pressed: #f3ffe3; --ct-sys-color-on-primary-container-state-layer: #a7f866; --ct-sys-color-on-primary-fixed: #0c2000; --ct-sys-color-on-primary-fixed-variant: #275000; --ct-sys-color-on-primary-hover: #193800; --ct-sys-color-on-primary-pressed: #193800; --ct-sys-color-on-primary-state-layer: #193800; --ct-sys-color-on-secondary: #00363f; --ct-sys-color-on-secondary-container: #a7edff; --ct-sys-color-on-secondary-container-hover: #a7edff; --ct-sys-color-on-secondary-container-pressed: #a7edff; --ct-sys-color-on-secondary-container-selected: #a7edff; --ct-sys-color-on-secondary-container-selected-hover: #bbf1ff; --ct-sys-color-on-secondary-container-selected-pressed: #f7fdff; --ct-sys-color-on-secondary-container-state-layer: #a7edff; --ct-sys-color-on-secondary-fixed: #001f25; --ct-sys-color-on-secondary-fixed-variant: #004e5b; --ct-sys-color-on-secondary-hover: #00363f; --ct-sys-color-on-secondary-pressed: #00363f; --ct-sys-color-on-secondary-state-layer: #00363f; --ct-sys-color-on-success: #00391a; --ct-sys-color-on-success-container: #d6e7d5; --ct-sys-color-on-success-container-hover: #d6e7d5; --ct-sys-color-on-success-container-pressed: #d6e7d5; --ct-sys-color-on-success-container-state-layer: #d6e7d5; --ct-sys-color-on-success-hover: #00391a; --ct-sys-color-on-success-pressed: #00391a; --ct-sys-color-on-success-state-layer: #00391a; --ct-sys-color-on-surface: #e2e3d9; --ct-sys-color-on-surface-hover: #e2e3d9; --ct-sys-color-on-surface-pressed: #e2e3d9; --ct-sys-color-on-surface-selected-hover: #e2e3d9; --ct-sys-color-on-surface-selected-pressed: #ecede3; --ct-sys-color-on-surface-selected-state-layer: #e2e3d9; --ct-sys-color-on-surface-variant: #c4c8ba; --ct-sys-color-on-surface-variant-hover: #c4c8ba; --ct-sys-color-on-surface-variant-pressed: #cacebf; --ct-sys-color-on-tertiary: #330098; --ct-sys-color-on-tertiary-container: #e6deff; --ct-sys-color-on-tertiary-container-hover: #e6deff; --ct-sys-color-on-tertiary-container-pressed: #e6deff; --ct-sys-color-on-tertiary-container-state-layer: #e6deff; --ct-sys-color-on-tertiary-fixed: #1d0061; --ct-sys-color-on-tertiary-fixed-variant: #4a25b8; --ct-sys-color-on-tertiary-hover: #330098; --ct-sys-color-on-tertiary-pressed: #330098; --ct-sys-color-on-tertiary-state-layer: #330098; --ct-sys-color-on-warning: #3f2e00; --ct-sys-color-on-warning-container: #f2e0c2; --ct-sys-color-on-warning-container-hover: #f2e0c2; --ct-sys-color-on-warning-container-pressed: #f2e0c2; --ct-sys-color-on-warning-container-state-layer: #f2e0c2; --ct-sys-color-on-warning-hover: #3f2e00; --ct-sys-color-on-warning-pressed: #3f2e00; --ct-sys-color-on-warning-state-layer: #3f2e00; --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-hover: #aad387; --ct-sys-color-primary-palette-key-color: #519a05; --ct-sys-color-primary-pressed: #aed78b; --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-hover: #77d4e9; --ct-sys-color-secondary-palette-key-color: #0093a9; --ct-sys-color-secondary-pressed: #7bd8ed; --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-hover: #c3b4fe; --ct-sys-color-tertiary-palette-key-color: #7c5fec; --ct-sys-color-tertiary-pressed: #d1c4ff; --ct-sys-color-warning: #e3c37e; --ct-sys-color-warning-container: #643f00; --ct-sys-color-on-primary-container-solved: #a7f866; --ct-sys-color-primary-container-solved: #3d4a31; --ct-sys-color-on-secondary-container-solved: #a7edff; --ct-sys-color-secondary-container-solved: #2f4b52; --ct-sys-color-on-tertiary-container-solved: #e6deff; --ct-sys-color-tertiary-container-solved: #48445b; --ct-sys-color-on-error-container-solved: #ffdad6; --ct-sys-color-error-container-solved: #93000a; --ct-sys-color-on-information-container-solved: #d7e4f2; --ct-sys-color-information-container-solved: #004b72; --ct-sys-color-on-success-container-solved: #d6e7d5; --ct-sys-color-success-container-solved: #005229; --ct-sys-color-on-warning-container-solved: #f2e0c2; --ct-sys-color-warning-container-solved: #643f00; --ct-sys-color-on-primary-solved: #193800; --ct-sys-color-primary-solved: #aad387; --ct-sys-color-on-secondary-solved: #00363f; --ct-sys-color-secondary-solved: #77d4e9; --ct-sys-color-on-tertiary-solved: #330098; --ct-sys-color-tertiary-solved: #c3b4fe; --ct-sys-color-on-error-solved: #690005; --ct-sys-color-error-solved: #ffb4ab; --ct-sys-color-on-information-solved: #003451; --ct-sys-color-information-solved: #a4cbee; --ct-sys-color-on-success-solved: #00391a; --ct-sys-color-success-solved: #a3d2ac; --ct-sys-color-on-warning-solved: #3f2e00; --ct-sys-color-warning-solved: #e3c37e; --ct-sys-color-on-surface-solved: #e2e3d9; --ct-sys-color-surface-solved: #000000; --ct-sys-color-background-solved: #000000; --ct-sys-color-surface-dim-solved: #11140e; --ct-sys-color-surface-bright-solved: #373a33; --ct-sys-color-surface-container-lowest-solved: #0c0f09; --ct-sys-color-surface-container-low-solved: #1a1d16; --ct-sys-color-surface-container-solved: #1e211a; --ct-sys-color-surface-container-high-solved: #282b24; --ct-sys-color-surface-container-highest-solved: #33362f; --ct-sys-color-on-surface-variant-solved: #c4c8ba; } :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-error-hover: #ffb4ab; --ct-sys-color-error-pressed: #ffbcb4; --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-error-container-hover: #ffdad6; --ct-sys-color-on-error-container-pressed: #ffdad6; --ct-sys-color-on-error-container-state-layer: #ffdad6; --ct-sys-color-on-error-hover: #690005; --ct-sys-color-on-error-pressed: #690005; --ct-sys-color-on-error-state-layer: #690005; --ct-sys-color-on-information: #003451; --ct-sys-color-on-information-container: #d7e4f2; --ct-sys-color-on-information-container-hover: #d7e4f2; --ct-sys-color-on-information-container-pressed: #d7e4f2; --ct-sys-color-on-information-container-state-layer: #d7e4f2; --ct-sys-color-on-information-hover: #003451; --ct-sys-color-on-information-pressed: #003451; --ct-sys-color-on-information-state-layer: #003451; --ct-sys-color-on-primary: #00382b; --ct-sys-color-on-primary-container: #32fed0; --ct-sys-color-on-primary-container-hover: #32fed0; --ct-sys-color-on-primary-container-pressed: #32fed0; --ct-sys-color-on-primary-container-selected: #32fed0; --ct-sys-color-on-primary-container-selected-hover: #78ffd9; --ct-sys-color-on-primary-container-selected-pressed: #ecfff6; --ct-sys-color-on-primary-container-state-layer: #32fed0; --ct-sys-color-on-primary-fixed: #002018; --ct-sys-color-on-primary-fixed-variant: #005140; --ct-sys-color-on-primary-hover: #00382b; --ct-sys-color-on-primary-pressed: #00382b; --ct-sys-color-on-primary-state-layer: #00382b; --ct-sys-color-on-secondary: #123252; --ct-sys-color-on-secondary-container: #d2e4ff; --ct-sys-color-on-secondary-container-hover: #d2e4ff; --ct-sys-color-on-secondary-container-pressed: #d2e4ff; --ct-sys-color-on-secondary-container-selected: #d2e4ff; --ct-sys-color-on-secondary-container-selected-hover: #dce9ff; --ct-sys-color-on-secondary-container-selected-pressed: #fdfcff; --ct-sys-color-on-secondary-container-state-layer: #d2e4ff; --ct-sys-color-on-secondary-fixed: #001c37; --ct-sys-color-on-secondary-fixed-variant: #2b4869; --ct-sys-color-on-secondary-hover: #123252; --ct-sys-color-on-secondary-pressed: #123252; --ct-sys-color-on-secondary-state-layer: #123252; --ct-sys-color-on-success: #00391a; --ct-sys-color-on-success-container: #d6e7d5; --ct-sys-color-on-success-container-hover: #d6e7d5; --ct-sys-color-on-success-container-pressed: #d6e7d5; --ct-sys-color-on-success-container-state-layer: #d6e7d5; --ct-sys-color-on-success-hover: #00391a; --ct-sys-color-on-success-pressed: #00391a; --ct-sys-color-on-success-state-layer: #00391a; --ct-sys-color-on-surface: #dee4e0; --ct-sys-color-on-surface-hover: #dee4e0; --ct-sys-color-on-surface-pressed: #dee4e0; --ct-sys-color-on-surface-selected-hover: #dee4e0; --ct-sys-color-on-surface-selected-pressed: #e9efeb; --ct-sys-color-on-surface-selected-state-layer: #dee4e0; --ct-sys-color-on-surface-variant: #bfc9c3; --ct-sys-color-on-surface-variant-hover: #bfc9c3; --ct-sys-color-on-surface-variant-pressed: #c5cfc8; --ct-sys-color-on-tertiary: #4b2047; --ct-sys-color-on-tertiary-container: #ffd7f5; --ct-sys-color-on-tertiary-container-hover: #ffd7f5; --ct-sys-color-on-tertiary-container-pressed: #ffd7f5; --ct-sys-color-on-tertiary-container-state-layer: #ffd7f5; --ct-sys-color-on-tertiary-fixed: #330a31; --ct-sys-color-on-tertiary-fixed-variant: #64375f; --ct-sys-color-on-tertiary-hover: #4b2047; --ct-sys-color-on-tertiary-pressed: #4b2047; --ct-sys-color-on-tertiary-state-layer: #4b2047; --ct-sys-color-on-warning: #3f2e00; --ct-sys-color-on-warning-container: #f2e0c2; --ct-sys-color-on-warning-container-hover: #f2e0c2; --ct-sys-color-on-warning-container-pressed: #f2e0c2; --ct-sys-color-on-warning-container-state-layer: #f2e0c2; --ct-sys-color-on-warning-hover: #3f2e00; --ct-sys-color-on-warning-pressed: #3f2e00; --ct-sys-color-on-warning-state-layer: #3f2e00; --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-hover: #7cd7bb; --ct-sys-color-primary-palette-key-color: #00f0c3; --ct-sys-color-primary-pressed: #82ddc0; --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-hover: #94c3fe; --ct-sys-color-secondary-palette-key-color: #5d799d; --ct-sys-color-secondary-pressed: #abcfff; --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-hover: #f6b0ea; --ct-sys-color-tertiary-palette-key-color: #9a6692; --ct-sys-color-tertiary-pressed: #fcb5f0; --ct-sys-color-warning: #e3c37e; --ct-sys-color-warning-container: #643f00; --ct-sys-color-on-primary-container-solved: #32fed0; --ct-sys-color-primary-container-solved: #304c43; --ct-sys-color-on-secondary-container-solved: #d2e4ff; --ct-sys-color-secondary-container-solved: #39475a; --ct-sys-color-on-tertiary-container-solved: #ffd7f5; --ct-sys-color-tertiary-container-solved: #574052; --ct-sys-color-on-error-container-solved: #ffdad6; --ct-sys-color-error-container-solved: #93000a; --ct-sys-color-on-information-container-solved: #d7e4f2; --ct-sys-color-information-container-solved: #004b72; --ct-sys-color-on-success-container-solved: #d6e7d5; --ct-sys-color-success-container-solved: #005229; --ct-sys-color-on-warning-container-solved: #f2e0c2; --ct-sys-color-warning-container-solved: #643f00; --ct-sys-color-on-primary-solved: #00382b; --ct-sys-color-primary-solved: #7cd7bb; --ct-sys-color-on-secondary-solved: #123252; --ct-sys-color-secondary-solved: #94c3fe; --ct-sys-color-on-tertiary-solved: #4b2047; --ct-sys-color-tertiary-solved: #f6b0ea; --ct-sys-color-on-error-solved: #690005; --ct-sys-color-error-solved: #ffb4ab; --ct-sys-color-on-information-solved: #003451; --ct-sys-color-information-solved: #a4cbee; --ct-sys-color-on-success-solved: #00391a; --ct-sys-color-success-solved: #a3d2ac; --ct-sys-color-on-warning-solved: #3f2e00; --ct-sys-color-warning-solved: #e3c37e; --ct-sys-color-on-surface-solved: #dee4e0; --ct-sys-color-surface-solved: #000000; --ct-sys-color-background-solved: #000000; --ct-sys-color-surface-dim-solved: #0f1512; --ct-sys-color-surface-bright-solved: #343b38; --ct-sys-color-surface-container-lowest-solved: #090f0d; --ct-sys-color-surface-container-low-solved: #171d1a; --ct-sys-color-surface-container-solved: #1b211e; --ct-sys-color-surface-container-high-solved: #252b29; --ct-sys-color-surface-container-highest-solved: #303633; --ct-sys-color-on-surface-variant-solved: #bfc9c3; } :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-error-hover: #ffb4ab; --ct-sys-color-error-pressed: #ffbab2; --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-error-container-hover: #ffdad6; --ct-sys-color-on-error-container-pressed: #ffdad6; --ct-sys-color-on-error-container-state-layer: #ffdad6; --ct-sys-color-on-error-hover: #690005; --ct-sys-color-on-error-pressed: #690005; --ct-sys-color-on-error-state-layer: #690005; --ct-sys-color-on-information: #003451; --ct-sys-color-on-information-container: #d7e4f2; --ct-sys-color-on-information-container-hover: #d7e4f2; --ct-sys-color-on-information-container-pressed: #d7e4f2; --ct-sys-color-on-information-container-state-layer: #d7e4f2; --ct-sys-color-on-information-hover: #003451; --ct-sys-color-on-information-pressed: #003451; --ct-sys-color-on-information-state-layer: #003451; --ct-sys-color-on-primary: #00363f; --ct-sys-color-on-primary-container: #a8edff; --ct-sys-color-on-primary-container-hover: #a8edff; --ct-sys-color-on-primary-container-pressed: #a8edff; --ct-sys-color-on-primary-container-selected: #a8edff; --ct-sys-color-on-primary-container-selected-hover: #bbf1ff; --ct-sys-color-on-primary-container-selected-pressed: #f7fdff; --ct-sys-color-on-primary-container-state-layer: #a8edff; --ct-sys-color-on-primary-fixed: #001f25; --ct-sys-color-on-primary-fixed-variant: #004e5b; --ct-sys-color-on-primary-hover: #00363f; --ct-sys-color-on-primary-pressed: #00363f; --ct-sys-color-on-primary-state-layer: #00363f; --ct-sys-color-on-secondary: #32295a; --ct-sys-color-on-secondary-container: #e7deff; --ct-sys-color-on-secondary-container-hover: #e7deff; --ct-sys-color-on-secondary-container-pressed: #e7deff; --ct-sys-color-on-secondary-container-selected: #e7deff; --ct-sys-color-on-secondary-container-selected-hover: #ede4ff; --ct-sys-color-on-secondary-container-selected-pressed: #fffbff; --ct-sys-color-on-secondary-container-state-layer: #e7deff; --ct-sys-color-on-secondary-fixed: #1d1244; --ct-sys-color-on-secondary-fixed-variant: #493f72; --ct-sys-color-on-secondary-hover: #32295a; --ct-sys-color-on-secondary-pressed: #32295a; --ct-sys-color-on-secondary-state-layer: #32295a; --ct-sys-color-on-success: #00391a; --ct-sys-color-on-success-container: #d6e7d5; --ct-sys-color-on-success-container-hover: #d6e7d5; --ct-sys-color-on-success-container-pressed: #d6e7d5; --ct-sys-color-on-success-container-state-layer: #d6e7d5; --ct-sys-color-on-success-hover: #00391a; --ct-sys-color-on-success-pressed: #00391a; --ct-sys-color-on-success-state-layer: #00391a; --ct-sys-color-on-surface: #dee3e5; --ct-sys-color-on-surface-hover: #dee3e5; --ct-sys-color-on-surface-pressed: #dee3e5; --ct-sys-color-on-surface-selected-hover: #dee3e5; --ct-sys-color-on-surface-selected-pressed: #e8edef; --ct-sys-color-on-surface-selected-state-layer: #dee3e5; --ct-sys-color-on-surface-variant: #bfc8cb; --ct-sys-color-on-surface-variant-hover: #bfc8cb; --ct-sys-color-on-surface-variant-pressed: #c5ced1; --ct-sys-color-on-tertiary: #4f2326; --ct-sys-color-on-tertiary-container: #ffdada; --ct-sys-color-on-tertiary-container-hover: #ffdada; --ct-sys-color-on-tertiary-container-pressed: #ffdada; --ct-sys-color-on-tertiary-container-state-layer: #ffdada; --ct-sys-color-on-tertiary-fixed: #350e12; --ct-sys-color-on-tertiary-fixed-variant: #6a383c; --ct-sys-color-on-tertiary-hover: #4f2326; --ct-sys-color-on-tertiary-pressed: #4f2326; --ct-sys-color-on-tertiary-state-layer: #4f2326; --ct-sys-color-on-warning: #3f2e00; --ct-sys-color-on-warning-container: #f2e0c2; --ct-sys-color-on-warning-container-hover: #f2e0c2; --ct-sys-color-on-warning-container-pressed: #f2e0c2; --ct-sys-color-on-warning-container-state-layer: #f2e0c2; --ct-sys-color-on-warning-hover: #3f2e00; --ct-sys-color-on-warning-pressed: #3f2e00; --ct-sys-color-on-warning-state-layer: #3f2e00; --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-hover: #76d3e9; --ct-sys-color-primary-palette-key-color: #00dcfd; --ct-sys-color-primary-pressed: #7cd9ef; --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-hover: #c3b5ff; --ct-sys-color-secondary-palette-key-color: #7a70a6; --ct-sys-color-secondary-pressed: #cfc3ff; --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-hover: #ffa2a6; --ct-sys-color-tertiary-palette-key-color: #a1676a; --ct-sys-color-tertiary-pressed: #ffb9bb; --ct-sys-color-warning: #e3c37e; --ct-sys-color-warning-container: #643f00; --ct-sys-color-on-primary-container-solved: #a8edff; --ct-sys-color-primary-container-solved: #2f4b52; --ct-sys-color-on-secondary-container-solved: #e7deff; --ct-sys-color-secondary-container-solved: #48435b; --ct-sys-color-on-tertiary-container-solved: #ffdada; --ct-sys-color-tertiary-container-solved: #5f3e40; --ct-sys-color-on-error-container-solved: #ffdad6; --ct-sys-color-error-container-solved: #93000a; --ct-sys-color-on-information-container-solved: #d7e4f2; --ct-sys-color-information-container-solved: #004b72; --ct-sys-color-on-success-container-solved: #d6e7d5; --ct-sys-color-success-container-solved: #005229; --ct-sys-color-on-warning-container-solved: #f2e0c2; --ct-sys-color-warning-container-solved: #643f00; --ct-sys-color-on-primary-solved: #00363f; --ct-sys-color-primary-solved: #76d3e9; --ct-sys-color-on-secondary-solved: #32295a; --ct-sys-color-secondary-solved: #c3b5ff; --ct-sys-color-on-tertiary-solved: #4f2326; --ct-sys-color-tertiary-solved: #ffa2a6; --ct-sys-color-on-error-solved: #690005; --ct-sys-color-error-solved: #ffb4ab; --ct-sys-color-on-information-solved: #003451; --ct-sys-color-information-solved: #a4cbee; --ct-sys-color-on-success-solved: #00391a; --ct-sys-color-success-solved: #a3d2ac; --ct-sys-color-on-warning-solved: #3f2e00; --ct-sys-color-warning-solved: #e3c37e; --ct-sys-color-on-surface-solved: #dee3e5; --ct-sys-color-surface-solved: #000000; --ct-sys-color-background-solved: #000000; --ct-sys-color-surface-dim-solved: #0f1416; --ct-sys-color-surface-bright-solved: #343a3c; --ct-sys-color-surface-container-lowest-solved: #090f11; --ct-sys-color-surface-container-low-solved: #171d1e; --ct-sys-color-surface-container-solved: #1b2122; --ct-sys-color-surface-container-high-solved: #252b2d; --ct-sys-color-surface-container-highest-solved: #303637; --ct-sys-color-on-surface-variant-solved: #bfc8cb; } [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-error-hover: #ffb4ab; --ct-sys-color-error-pressed: #ffbab2; --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-error-container-hover: #ffdad6; --ct-sys-color-on-error-container-pressed: #ffdad6; --ct-sys-color-on-error-container-state-layer: #ffdad6; --ct-sys-color-on-error-hover: #690005; --ct-sys-color-on-error-pressed: #690005; --ct-sys-color-on-error-state-layer: #690005; --ct-sys-color-on-information: #003451; --ct-sys-color-on-information-container: #d7e4f2; --ct-sys-color-on-information-container-hover: #d7e4f2; --ct-sys-color-on-information-container-pressed: #d7e4f2; --ct-sys-color-on-information-container-state-layer: #d7e4f2; --ct-sys-color-on-information-hover: #003451; --ct-sys-color-on-information-pressed: #003451; --ct-sys-color-on-information-state-layer: #003451; --ct-sys-color-on-primary: #003259; --ct-sys-color-on-primary-container: #d2e4ff; --ct-sys-color-on-primary-container-hover: #d2e4ff; --ct-sys-color-on-primary-container-pressed: #d2e4ff; --ct-sys-color-on-primary-container-selected: #d2e4ff; --ct-sys-color-on-primary-container-selected-hover: #deebff; --ct-sys-color-on-primary-container-selected-pressed: #fdfcff; --ct-sys-color-on-primary-container-state-layer: #d2e4ff; --ct-sys-color-on-primary-fixed: #001c37; --ct-sys-color-on-primary-fixed-variant: #00497f; --ct-sys-color-on-primary-hover: #003259; --ct-sys-color-on-primary-pressed: #003259; --ct-sys-color-on-primary-state-layer: #003259; --ct-sys-color-on-secondary: #5b005a; --ct-sys-color-on-secondary-container: #ffd7f5; --ct-sys-color-on-secondary-container-hover: #ffd7f5; --ct-sys-color-on-secondary-container-pressed: #ffd7f5; --ct-sys-color-on-secondary-container-selected: #ffd7f5; --ct-sys-color-on-secondary-container-selected-hover: #ffdff6; --ct-sys-color-on-secondary-container-selected-pressed: #fffbff; --ct-sys-color-on-secondary-container-state-layer: #ffd7f5; --ct-sys-color-on-secondary-fixed: #380038; --ct-sys-color-on-secondary-fixed-variant: #810080; --ct-sys-color-on-secondary-hover: #5b005a; --ct-sys-color-on-secondary-pressed: #5b005a; --ct-sys-color-on-secondary-state-layer: #5b005a; --ct-sys-color-on-success: #00391a; --ct-sys-color-on-success-container: #d6e7d5; --ct-sys-color-on-success-container-hover: #d6e7d5; --ct-sys-color-on-success-container-pressed: #d6e7d5; --ct-sys-color-on-success-container-state-layer: #d6e7d5; --ct-sys-color-on-success-hover: #00391a; --ct-sys-color-on-success-pressed: #00391a; --ct-sys-color-on-success-state-layer: #00391a; --ct-sys-color-on-surface: #e1e2e8; --ct-sys-color-on-surface-hover: #e1e2e8; --ct-sys-color-on-surface-pressed: #e1e2e8; --ct-sys-color-on-surface-selected-hover: #e1e2e8; --ct-sys-color-on-surface-selected-pressed: #ebecf2; --ct-sys-color-on-surface-selected-state-layer: #e1e2e8; --ct-sys-color-on-surface-variant: #c3c6cf; --ct-sys-color-on-surface-variant-hover: #c3c6cf; --ct-sys-color-on-surface-variant-pressed: #c9ccd5; --ct-sys-color-on-tertiary: #4f2500; --ct-sys-color-on-tertiary-container: #ffdcc5; --ct-sys-color-on-tertiary-container-hover: #ffdcc5; --ct-sys-color-on-tertiary-container-pressed: #ffdcc5; --ct-sys-color-on-tertiary-container-state-layer: #ffdcc5; --ct-sys-color-on-tertiary-fixed: #301400; --ct-sys-color-on-tertiary-fixed-variant: #703700; --ct-sys-color-on-tertiary-hover: #4f2500; --ct-sys-color-on-tertiary-pressed: #4f2500; --ct-sys-color-on-tertiary-state-layer: #4f2500; --ct-sys-color-on-warning: #3f2e00; --ct-sys-color-on-warning-container: #f2e0c2; --ct-sys-color-on-warning-container-hover: #f2e0c2; --ct-sys-color-on-warning-container-pressed: #f2e0c2; --ct-sys-color-on-warning-container-state-layer: #f2e0c2; --ct-sys-color-on-warning-hover: #3f2e00; --ct-sys-color-on-warning-pressed: #3f2e00; --ct-sys-color-on-warning-state-layer: #3f2e00; --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-hover: #94c2fd; --ct-sys-color-primary-palette-key-color: #0397fe; --ct-sys-color-primary-pressed: #aaceff; --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-hover: #f6b0ea; --ct-sys-color-secondary-palette-key-color: #f505f3; --ct-sys-color-secondary-pressed: #fbb4ee; --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-hover: #feac6e; --ct-sys-color-tertiary-palette-key-color: #e37600; --ct-sys-color-tertiary-pressed: #ffbd8d; --ct-sys-color-warning: #e3c37e; --ct-sys-color-warning-container: #643f00; --ct-sys-color-on-primary-container-solved: #d2e4ff; --ct-sys-color-primary-container-solved: #3a485b; --ct-sys-color-on-secondary-container-solved: #ffd7f5; --ct-sys-color-secondary-container-solved: #564052; --ct-sys-color-on-tertiary-container-solved: #ffdcc5; --ct-sys-color-tertiary-container-solved: #5d402c; --ct-sys-color-on-error-container-solved: #ffdad6; --ct-sys-color-error-container-solved: #93000a; --ct-sys-color-on-information-container-solved: #d7e4f2; --ct-sys-color-information-container-solved: #004b72; --ct-sys-color-on-success-container-solved: #d6e7d5; --ct-sys-color-success-container-solved: #005229; --ct-sys-color-on-warning-container-solved: #f2e0c2; --ct-sys-color-warning-container-solved: #643f00; --ct-sys-color-on-primary-solved: #003259; --ct-sys-color-primary-solved: #94c2fd; --ct-sys-color-on-secondary-solved: #5b005a; --ct-sys-color-secondary-solved: #f6b0ea; --ct-sys-color-on-tertiary-solved: #4f2500; --ct-sys-color-tertiary-solved: #feac6e; --ct-sys-color-on-error-solved: #690005; --ct-sys-color-error-solved: #ffb4ab; --ct-sys-color-on-information-solved: #003451; --ct-sys-color-information-solved: #a4cbee; --ct-sys-color-on-success-solved: #00391a; --ct-sys-color-success-solved: #a3d2ac; --ct-sys-color-on-warning-solved: #3f2e00; --ct-sys-color-warning-solved: #e3c37e; --ct-sys-color-on-surface-solved: #e1e2e8; --ct-sys-color-surface-solved: #000000; --ct-sys-color-background-solved: #000000; --ct-sys-color-surface-dim-solved: #111418; --ct-sys-color-surface-bright-solved: #36393e; --ct-sys-color-surface-container-lowest-solved: #0b0e13; --ct-sys-color-surface-container-low-solved: #191c20; --ct-sys-color-surface-container-solved: #1d2024; --ct-sys-color-surface-container-high-solved: #272a2f; --ct-sys-color-surface-container-highest-solved: #32353a; --ct-sys-color-on-surface-variant-solved: #c3c6cf; } [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-error-hover: #ffb4ab; --ct-sys-color-error-pressed: #ffbab2; --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-error-container-hover: #ffdad6; --ct-sys-color-on-error-container-pressed: #ffdad6; --ct-sys-color-on-error-container-state-layer: #ffdad6; --ct-sys-color-on-error-hover: #690005; --ct-sys-color-on-error-pressed: #690005; --ct-sys-color-on-error-state-layer: #690005; --ct-sys-color-on-information: #003451; --ct-sys-color-on-information-container: #d7e4f2; --ct-sys-color-on-information-container-hover: #d7e4f2; --ct-sys-color-on-information-container-pressed: #d7e4f2; --ct-sys-color-on-information-container-state-layer: #d7e4f2; --ct-sys-color-on-information-hover: #003451; --ct-sys-color-on-information-pressed: #003451; --ct-sys-color-on-information-state-layer: #003451; --ct-sys-color-on-primary: #330099; --ct-sys-color-on-primary-container: #e6deff; --ct-sys-color-on-primary-container-hover: #e6deff; --ct-sys-color-on-primary-container-pressed: #e6deff; --ct-sys-color-on-primary-container-selected: #e6deff; --ct-sys-color-on-primary-container-selected-hover: #ece4ff; --ct-sys-color-on-primary-container-selected-pressed: #fffbff; --ct-sys-color-on-primary-container-state-layer: #e6deff; --ct-sys-color-on-primary-fixed: #1d0061; --ct-sys-color-on-primary-fixed-variant: #4a21bd; --ct-sys-color-on-primary-hover: #330099; --ct-sys-color-on-primary-pressed: #330099; --ct-sys-color-on-primary-state-layer: #330099; --ct-sys-color-on-secondary: #68001a; --ct-sys-color-on-secondary-container: #ffdada; --ct-sys-color-on-secondary-container-hover: #ffdada; --ct-sys-color-on-secondary-container-pressed: #ffdada; --ct-sys-color-on-secondary-container-selected: #ffdada; --ct-sys-color-on-secondary-container-selected-hover: #ffe2e1; --ct-sys-color-on-secondary-container-selected-pressed: #fffbff; --ct-sys-color-on-secondary-container-state-layer: #ffdada; --ct-sys-color-on-secondary-fixed: #40000c; --ct-sys-color-on-secondary-fixed-variant: #920028; --ct-sys-color-on-secondary-hover: #68001a; --ct-sys-color-on-secondary-pressed: #68001a; --ct-sys-color-on-secondary-state-layer: #68001a; --ct-sys-color-on-success: #00391a; --ct-sys-color-on-success-container: #d6e7d5; --ct-sys-color-on-success-container-hover: #d6e7d5; --ct-sys-color-on-success-container-pressed: #d6e7d5; --ct-sys-color-on-success-container-state-layer: #d6e7d5; --ct-sys-color-on-success-hover: #00391a; --ct-sys-color-on-success-pressed: #00391a; --ct-sys-color-on-success-state-layer: #00391a; --ct-sys-color-on-surface: #e6e1e9; --ct-sys-color-on-surface-hover: #e6e1e9; --ct-sys-color-on-surface-pressed: #e6e1e9; --ct-sys-color-on-surface-selected-hover: #e6e1e9; --ct-sys-color-on-surface-selected-pressed: #f0ebf3; --ct-sys-color-on-surface-selected-state-layer: #e6e1e9; --ct-sys-color-on-surface-variant: #c9c4d0; --ct-sys-color-on-surface-variant-hover: #c9c4d0; --ct-sys-color-on-surface-variant-pressed: #cfcad6; --ct-sys-color-on-tertiary: #3b2f00; --ct-sys-color-on-tertiary-container: #ffe179; --ct-sys-color-on-tertiary-container-hover: #ffe179; --ct-sys-color-on-tertiary-container-pressed: #ffe179; --ct-sys-color-on-tertiary-container-state-layer: #ffe179; --ct-sys-color-on-tertiary-fixed: #231b00; --ct-sys-color-on-tertiary-fixed-variant: #554500; --ct-sys-color-on-tertiary-hover: #3b2f00; --ct-sys-color-on-tertiary-pressed: #3b2f00; --ct-sys-color-on-tertiary-state-layer: #3b2f00; --ct-sys-color-on-warning: #3f2e00; --ct-sys-color-on-warning-container: #f2e0c2; --ct-sys-color-on-warning-container-hover: #f2e0c2; --ct-sys-color-on-warning-container-pressed: #f2e0c2; --ct-sys-color-on-warning-container-state-layer: #f2e0c2; --ct-sys-color-on-warning-hover: #3f2e00; --ct-sys-color-on-warning-pressed: #3f2e00; --ct-sys-color-on-warning-state-layer: #3f2e00; --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-hover: #c4b6ff; --ct-sys-color-primary-palette-key-color: #7c5df0; --ct-sys-color-primary-pressed: #d0c4ff; --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-hover: #ffa7ab; --ct-sys-color-secondary-palette-key-color: #ec0848; --ct-sys-color-secondary-pressed: #ffb9bc; --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-hover: #e1c562; --ct-sys-color-tertiary-palette-key-color: #9d8102; --ct-sys-color-tertiary-pressed: #e7cb67; --ct-sys-color-warning: #e3c37e; --ct-sys-color-warning-container: #643f00; --ct-sys-color-on-primary-container-solved: #e6deff; --ct-sys-color-primary-container-solved: #48435b; --ct-sys-color-on-secondary-container-solved: #ffdada; --ct-sys-color-secondary-container-solved: #5f3e40; --ct-sys-color-on-tertiary-container-solved: #ffe179; --ct-sys-color-tertiary-container-solved: #4f4626; --ct-sys-color-on-error-container-solved: #ffdad6; --ct-sys-color-error-container-solved: #93000a; --ct-sys-color-on-information-container-solved: #d7e4f2; --ct-sys-color-information-container-solved: #004b72; --ct-sys-color-on-success-container-solved: #d6e7d5; --ct-sys-color-success-container-solved: #005229; --ct-sys-color-on-warning-container-solved: #f2e0c2; --ct-sys-color-warning-container-solved: #643f00; --ct-sys-color-on-primary-solved: #330099; --ct-sys-color-primary-solved: #c4b6ff; --ct-sys-color-on-secondary-solved: #68001a; --ct-sys-color-secondary-solved: #ffa7ab; --ct-sys-color-on-tertiary-solved: #3b2f00; --ct-sys-color-tertiary-solved: #e1c562; --ct-sys-color-on-error-solved: #690005; --ct-sys-color-error-solved: #ffb4ab; --ct-sys-color-on-information-solved: #003451; --ct-sys-color-information-solved: #a4cbee; --ct-sys-color-on-success-solved: #00391a; --ct-sys-color-success-solved: #a3d2ac; --ct-sys-color-on-warning-solved: #3f2e00; --ct-sys-color-warning-solved: #e3c37e; --ct-sys-color-on-surface-solved: #e6e1e9; --ct-sys-color-surface-solved: #000000; --ct-sys-color-background-solved: #000000; --ct-sys-color-surface-dim-solved: #141318; --ct-sys-color-surface-bright-solved: #3a383e; --ct-sys-color-surface-container-lowest-solved: #0f0d13; --ct-sys-color-surface-container-low-solved: #1c1b20; --ct-sys-color-surface-container-solved: #201f24; --ct-sys-color-surface-container-high-solved: #2b292f; --ct-sys-color-surface-container-highest-solved: #36343a; --ct-sys-color-on-surface-variant-solved: #c9c4d0; } [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-error-hover: #ffb4ab; --ct-sys-color-error-pressed: #ffbab2; --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-error-container-hover: #ffdad6; --ct-sys-color-on-error-container-pressed: #ffdad6; --ct-sys-color-on-error-container-state-layer: #ffdad6; --ct-sys-color-on-error-hover: #690005; --ct-sys-color-on-error-pressed: #690005; --ct-sys-color-on-error-state-layer: #690005; --ct-sys-color-on-information: #003451; --ct-sys-color-on-information-container: #d7e4f2; --ct-sys-color-on-information-container-hover: #d7e4f2; --ct-sys-color-on-information-container-pressed: #d7e4f2; --ct-sys-color-on-information-container-state-layer: #d7e4f2; --ct-sys-color-on-information-hover: #003451; --ct-sys-color-on-information-pressed: #003451; --ct-sys-color-on-information-state-layer: #003451; --ct-sys-color-on-primary: #5b005a; --ct-sys-color-on-primary-container: #ffd7f5; --ct-sys-color-on-primary-container-hover: #ffd7f5; --ct-sys-color-on-primary-container-pressed: #ffd7f5; --ct-sys-color-on-primary-container-selected: #ffd7f5; --ct-sys-color-on-primary-container-selected-hover: #ffe1f6; --ct-sys-color-on-primary-container-selected-pressed: #fffdff; --ct-sys-color-on-primary-container-state-layer: #ffd7f5; --ct-sys-color-on-primary-fixed: #380037; --ct-sys-color-on-primary-fixed-variant: #810180; --ct-sys-color-on-primary-hover: #5b005a; --ct-sys-color-on-primary-pressed: #5b005a; --ct-sys-color-on-primary-state-layer: #5b005a; --ct-sys-color-on-secondary: #4f2500; --ct-sys-color-on-secondary-container: #ffdcc5; --ct-sys-color-on-secondary-container-hover: #ffdcc5; --ct-sys-color-on-secondary-container-pressed: #ffdcc5; --ct-sys-color-on-secondary-container-selected: #ffdcc5; --ct-sys-color-on-secondary-container-selected-hover: #ffe3d1; --ct-sys-color-on-secondary-container-selected-pressed: #fffbff; --ct-sys-color-on-secondary-container-state-layer: #ffdcc5; --ct-sys-color-on-secondary-fixed: #301400; --ct-sys-color-on-secondary-fixed-variant: #703700; --ct-sys-color-on-secondary-hover: #4f2500; --ct-sys-color-on-secondary-pressed: #4f2500; --ct-sys-color-on-secondary-state-layer: #4f2500; --ct-sys-color-on-success: #00391a; --ct-sys-color-on-success-container: #d6e7d5; --ct-sys-color-on-success-container-hover: #d6e7d5; --ct-sys-color-on-success-container-pressed: #d6e7d5; --ct-sys-color-on-success-container-state-layer: #d6e7d5; --ct-sys-color-on-success-hover: #00391a; --ct-sys-color-on-success-pressed: #00391a; --ct-sys-color-on-success-state-layer: #00391a; --ct-sys-color-on-surface: #ecdfe5; --ct-sys-color-on-surface-hover: #ecdfe5; --ct-sys-color-on-surface-pressed: #ecdfe5; --ct-sys-color-on-surface-selected-hover: #ecdfe5; --ct-sys-color-on-surface-selected-pressed: #f6e9ef; --ct-sys-color-on-surface-selected-state-layer: #ecdfe5; --ct-sys-color-on-surface-variant: #d1c2cb; --ct-sys-color-on-surface-variant-hover: #d1c2cb; --ct-sys-color-on-surface-variant-pressed: #d7c8d1; --ct-sys-color-on-tertiary: #193800; --ct-sys-color-on-tertiary-container: #bdf291; --ct-sys-color-on-tertiary-container-hover: #bdf291; --ct-sys-color-on-tertiary-container-pressed: #bdf291; --ct-sys-color-on-tertiary-container-state-layer: #bdf291; --ct-sys-color-on-tertiary-fixed: #0c2000; --ct-sys-color-on-tertiary-fixed-variant: #275000; --ct-sys-color-on-tertiary-hover: #193800; --ct-sys-color-on-tertiary-pressed: #193800; --ct-sys-color-on-tertiary-state-layer: #193800; --ct-sys-color-on-warning: #3f2e00; --ct-sys-color-on-warning-container: #f2e0c2; --ct-sys-color-on-warning-container-hover: #f2e0c2; --ct-sys-color-on-warning-container-pressed: #f2e0c2; --ct-sys-color-on-warning-container-state-layer: #f2e0c2; --ct-sys-color-on-warning-hover: #3f2e00; --ct-sys-color-on-warning-pressed: #3f2e00; --ct-sys-color-on-warning-state-layer: #3f2e00; --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-hover: #f6b0ea; --ct-sys-color-primary-palette-key-color: #bc46b5; --ct-sys-color-primary-pressed: #fcb5f0; --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-hover: #feac6e; --ct-sys-color-secondary-palette-key-color: #ab662e; --ct-sys-color-secondary-pressed: #ffbd8d; --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-hover: #aad386; --ct-sys-color-tertiary-palette-key-color: #568331; --ct-sys-color-tertiary-pressed: #afd98b; --ct-sys-color-warning: #e3c37e; --ct-sys-color-warning-container: #643f00; --ct-sys-color-on-primary-container-solved: #ffd7f5; --ct-sys-color-primary-container-solved: #564052; --ct-sys-color-on-secondary-container-solved: #ffdcc5; --ct-sys-color-secondary-container-solved: #5d402c; --ct-sys-color-on-tertiary-container-solved: #bdf291; --ct-sys-color-tertiary-container-solved: #3d4a31; --ct-sys-color-on-error-container-solved: #ffdad6; --ct-sys-color-error-container-solved: #93000a; --ct-sys-color-on-information-container-solved: #d7e4f2; --ct-sys-color-information-container-solved: #004b72; --ct-sys-color-on-success-container-solved: #d6e7d5; --ct-sys-color-success-container-solved: #005229; --ct-sys-color-on-warning-container-solved: #f2e0c2; --ct-sys-color-warning-container-solved: #643f00; --ct-sys-color-on-primary-solved: #5b005a; --ct-sys-color-primary-solved: #f6b0ea; --ct-sys-color-on-secondary-solved: #4f2500; --ct-sys-color-secondary-solved: #feac6e; --ct-sys-color-on-tertiary-solved: #193800; --ct-sys-color-tertiary-solved: #aad386; --ct-sys-color-on-error-solved: #690005; --ct-sys-color-error-solved: #ffb4ab; --ct-sys-color-on-information-solved: #003451; --ct-sys-color-information-solved: #a4cbee; --ct-sys-color-on-success-solved: #00391a; --ct-sys-color-success-solved: #a3d2ac; --ct-sys-color-on-warning-solved: #3f2e00; --ct-sys-color-warning-solved: #e3c37e; --ct-sys-color-on-surface-solved: #ecdfe5; --ct-sys-color-surface-solved: #000000; --ct-sys-color-background-solved: #000000; --ct-sys-color-surface-dim-solved: #171216; --ct-sys-color-surface-bright-solved: #3e373c; --ct-sys-color-surface-container-lowest-solved: #120d11; --ct-sys-color-surface-container-low-solved: #201a1e; --ct-sys-color-surface-container-solved: #241e22; --ct-sys-color-surface-container-high-solved: #2f282d; --ct-sys-color-surface-container-highest-solved: #3a3338; --ct-sys-color-on-surface-variant-solved: #d1c2cb; } [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-error-hover: #ffb4ab; --ct-sys-color-error-pressed: #ffbcb4; --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-error-container-hover: #ffdad6; --ct-sys-color-on-error-container-pressed: #ffdad6; --ct-sys-color-on-error-container-state-layer: #ffdad6; --ct-sys-color-on-error-hover: #690005; --ct-sys-color-on-error-pressed: #690005; --ct-sys-color-on-error-state-layer: #690005; --ct-sys-color-on-information: #003451; --ct-sys-color-on-information-container: #d7e4f2; --ct-sys-color-on-information-container-hover: #d7e4f2; --ct-sys-color-on-information-container-pressed: #d7e4f2; --ct-sys-color-on-information-container-state-layer: #d7e4f2; --ct-sys-color-on-information-hover: #003451; --ct-sys-color-on-information-pressed: #003451; --ct-sys-color-on-information-state-layer: #003451; --ct-sys-color-on-primary: #68001a; --ct-sys-color-on-primary-container: #ffdada; --ct-sys-color-on-primary-container-hover: #ffdada; --ct-sys-color-on-primary-container-pressed: #ffdada; --ct-sys-color-on-primary-container-selected: #ffdada; --ct-sys-color-on-primary-container-selected-hover: #ffe2e1; --ct-sys-color-on-primary-container-selected-pressed: #fffbff; --ct-sys-color-on-primary-container-state-layer: #ffdada; --ct-sys-color-on-primary-fixed: #40000d; --ct-sys-color-on-primary-fixed-variant: #8f0c2a; --ct-sys-color-on-primary-hover: #68001a; --ct-sys-color-on-primary-pressed: #68001a; --ct-sys-color-on-primary-state-layer: #68001a; --ct-sys-color-on-secondary: #3b2f00; --ct-sys-color-on-secondary-container: #fbe18e; --ct-sys-color-on-secondary-container-hover: #fbe18e; --ct-sys-color-on-secondary-container-pressed: #fbe18e; --ct-sys-color-on-secondary-container-selected: #fbe18e; --ct-sys-color-on-secondary-container-selected-hover: #ffe79c; --ct-sys-color-on-secondary-container-selected-pressed: #fffbff; --ct-sys-color-on-secondary-container-state-layer: #fbe18e; --ct-sys-color-on-secondary-fixed: #231b00; --ct-sys-color-on-secondary-fixed-variant: #554500; --ct-sys-color-on-secondary-hover: #3b2f00; --ct-sys-color-on-secondary-pressed: #3b2f00; --ct-sys-color-on-secondary-state-layer: #3b2f00; --ct-sys-color-on-success: #00391a; --ct-sys-color-on-success-container: #d6e7d5; --ct-sys-color-on-success-container-hover: #d6e7d5; --ct-sys-color-on-success-container-pressed: #d6e7d5; --ct-sys-color-on-success-container-state-layer: #d6e7d5; --ct-sys-color-on-success-hover: #00391a; --ct-sys-color-on-success-pressed: #00391a; --ct-sys-color-on-success-state-layer: #00391a; --ct-sys-color-on-surface: #f0dede; --ct-sys-color-on-surface-hover: #f0dede; --ct-sys-color-on-surface-pressed: #f0dede; --ct-sys-color-on-surface-selected-hover: #f0dede; --ct-sys-color-on-surface-selected-pressed: #fce9e9; --ct-sys-color-on-surface-selected-state-layer: #f0dede; --ct-sys-color-on-surface-variant: #d7c1c2; --ct-sys-color-on-surface-variant-hover: #d7c1c2; --ct-sys-color-on-surface-variant-pressed: #ddc6c7; --ct-sys-color-on-tertiary: #00382b; --ct-sys-color-on-tertiary-container: #acf0d9; --ct-sys-color-on-tertiary-container-hover: #acf0d9; --ct-sys-color-on-tertiary-container-pressed: #acf0d9; --ct-sys-color-on-tertiary-container-state-layer: #acf0d9; --ct-sys-color-on-tertiary-fixed: #002018; --ct-sys-color-on-tertiary-fixed-variant: #005140; --ct-sys-color-on-tertiary-hover: #00382b; --ct-sys-color-on-tertiary-pressed: #00382b; --ct-sys-color-on-tertiary-state-layer: #00382b; --ct-sys-color-on-warning: #3f2e00; --ct-sys-color-on-warning-container: #f2e0c2; --ct-sys-color-on-warning-container-hover: #f2e0c2; --ct-sys-color-on-warning-container-pressed: #f2e0c2; --ct-sys-color-on-warning-container-state-layer: #f2e0c2; --ct-sys-color-on-warning-hover: #3f2e00; --ct-sys-color-on-warning-pressed: #3f2e00; --ct-sys-color-on-warning-state-layer: #3f2e00; --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-hover: #ffa7ab; --ct-sys-color-primary-palette-key-color: #d24356; --ct-sys-color-primary-pressed: #ffbbbe; --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-hover: #e1c562; --ct-sys-color-secondary-palette-key-color: #8a762f; --ct-sys-color-secondary-pressed: #e7cb67; --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-hover: #7cd8bb; --ct-sys-color-tertiary-palette-key-color: #418370; --ct-sys-color-tertiary-pressed: #82dec0; --ct-sys-color-warning: #e3c37e; --ct-sys-color-warning-container: #643f00; --ct-sys-color-on-primary-container-solved: #ffdada; --ct-sys-color-primary-container-solved: #5f3e40; --ct-sys-color-on-secondary-container-solved: #fbe18e; --ct-sys-color-secondary-container-solved: #4f4626; --ct-sys-color-on-tertiary-container-solved: #acf0d9; --ct-sys-color-tertiary-container-solved: #304c43; --ct-sys-color-on-error-container-solved: #ffdad6; --ct-sys-color-error-container-solved: #93000a; --ct-sys-color-on-information-container-solved: #d7e4f2; --ct-sys-color-information-container-solved: #004b72; --ct-sys-color-on-success-container-solved: #d6e7d5; --ct-sys-color-success-container-solved: #005229; --ct-sys-color-on-warning-container-solved: #f2e0c2; --ct-sys-color-warning-container-solved: #643f00; --ct-sys-color-on-primary-solved: #68001a; --ct-sys-color-primary-solved: #ffa7ab; --ct-sys-color-on-secondary-solved: #3b2f00; --ct-sys-color-secondary-solved: #e1c562; --ct-sys-color-on-tertiary-solved: #00382b; --ct-sys-color-tertiary-solved: #7cd8bb; --ct-sys-color-on-error-solved: #690005; --ct-sys-color-error-solved: #ffb4ab; --ct-sys-color-on-information-solved: #003451; --ct-sys-color-information-solved: #a4cbee; --ct-sys-color-on-success-solved: #00391a; --ct-sys-color-success-solved: #a3d2ac; --ct-sys-color-on-warning-solved: #3f2e00; --ct-sys-color-warning-solved: #e3c37e; --ct-sys-color-on-surface-solved: #f0dede; --ct-sys-color-surface-solved: #000000; --ct-sys-color-background-solved: #000000; --ct-sys-color-surface-dim-solved: #1a1112; --ct-sys-color-surface-bright-solved: #413737; --ct-sys-color-surface-container-lowest-solved: #140c0c; --ct-sys-color-surface-container-low-solved: #22191a; --ct-sys-color-surface-container-solved: #271d1e; --ct-sys-color-surface-container-high-solved: #322828; --ct-sys-color-surface-container-highest-solved: #3d3232; --ct-sys-color-on-surface-variant-solved: #d7c1c2; } [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-error-hover: #ffb4ab; --ct-sys-color-error-pressed: #ffbab2; --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-error-container-hover: #ffdad6; --ct-sys-color-on-error-container-pressed: #ffdad6; --ct-sys-color-on-error-container-state-layer: #ffdad6; --ct-sys-color-on-error-hover: #690005; --ct-sys-color-on-error-pressed: #690005; --ct-sys-color-on-error-state-layer: #690005; --ct-sys-color-on-information: #003451; --ct-sys-color-on-information-container: #d7e4f2; --ct-sys-color-on-information-container-hover: #d7e4f2; --ct-sys-color-on-information-container-pressed: #d7e4f2; --ct-sys-color-on-information-container-state-layer: #d7e4f2; --ct-sys-color-on-information-hover: #003451; --ct-sys-color-on-information-pressed: #003451; --ct-sys-color-on-information-state-layer: #003451; --ct-sys-color-on-primary: #4f2500; --ct-sys-color-on-primary-container: #ffdcc5; --ct-sys-color-on-primary-container-hover: #ffdcc5; --ct-sys-color-on-primary-container-pressed: #ffdcc5; --ct-sys-color-on-primary-container-selected: #ffdcc5; --ct-sys-color-on-primary-container-selected-hover: #ffe3d1; --ct-sys-color-on-primary-container-selected-pressed: #fffbff; --ct-sys-color-on-primary-container-state-layer: #ffdcc5; --ct-sys-color-on-primary-fixed: #301400; --ct-sys-color-on-primary-fixed-variant: #703700; --ct-sys-color-on-primary-hover: #4f2500; --ct-sys-color-on-primary-pressed: #4f2500; --ct-sys-color-on-primary-state-layer: #4f2500; --ct-sys-color-on-secondary: #193800; --ct-sys-color-on-secondary-container: #9dfa4f; --ct-sys-color-on-secondary-container-hover: #9dfa4f; --ct-sys-color-on-secondary-container-pressed: #9dfa4f; --ct-sys-color-on-secondary-container-selected: #9dfa4f; --ct-sys-color-on-secondary-container-selected-hover: #a1fe53; --ct-sys-color-on-secondary-container-selected-pressed: #f3ffe1; --ct-sys-color-on-secondary-container-state-layer: #9dfa4f; --ct-sys-color-on-secondary-fixed: #0c2000; --ct-sys-color-on-secondary-fixed-variant: #275000; --ct-sys-color-on-secondary-hover: #193800; --ct-sys-color-on-secondary-pressed: #193800; --ct-sys-color-on-secondary-state-layer: #193800; --ct-sys-color-on-success: #00391a; --ct-sys-color-on-success-container: #d6e7d5; --ct-sys-color-on-success-container-hover: #d6e7d5; --ct-sys-color-on-success-container-pressed: #d6e7d5; --ct-sys-color-on-success-container-state-layer: #d6e7d5; --ct-sys-color-on-success-hover: #00391a; --ct-sys-color-on-success-pressed: #00391a; --ct-sys-color-on-success-state-layer: #00391a; --ct-sys-color-on-surface: #f0dfd6; --ct-sys-color-on-surface-hover: #f0dfd6; --ct-sys-color-on-surface-pressed: #f0dfd6; --ct-sys-color-on-surface-selected-hover: #f0dfd6; --ct-sys-color-on-surface-selected-pressed: #fae9e0; --ct-sys-color-on-surface-selected-state-layer: #f0dfd6; --ct-sys-color-on-surface-variant: #d6c3b7; --ct-sys-color-on-surface-variant-hover: #d6c3b7; --ct-sys-color-on-surface-variant-pressed: #dcc9bc; --ct-sys-color-on-tertiary: #00363f; --ct-sys-color-on-tertiary-container: #a7edff; --ct-sys-color-on-tertiary-container-hover: #a7edff; --ct-sys-color-on-tertiary-container-pressed: #a7edff; --ct-sys-color-on-tertiary-container-state-layer: #a7edff; --ct-sys-color-on-tertiary-fixed: #001f25; --ct-sys-color-on-tertiary-fixed-variant: #004e5b; --ct-sys-color-on-tertiary-hover: #00363f; --ct-sys-color-on-tertiary-pressed: #00363f; --ct-sys-color-on-tertiary-state-layer: #00363f; --ct-sys-color-on-warning: #3f2e00; --ct-sys-color-on-warning-container: #f2e0c2; --ct-sys-color-on-warning-container-hover: #f2e0c2; --ct-sys-color-on-warning-container-pressed: #f2e0c2; --ct-sys-color-on-warning-container-state-layer: #f2e0c2; --ct-sys-color-on-warning-hover: #3f2e00; --ct-sys-color-on-warning-pressed: #3f2e00; --ct-sys-color-on-warning-state-layer: #3f2e00; --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-hover: #feac6e; --ct-sys-color-primary-palette-key-color: #fe8500; --ct-sys-color-primary-pressed: #ffbd8d; --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-hover: #aad386; --ct-sys-color-secondary-palette-key-color: #63bb02; --ct-sys-color-secondary-pressed: #aed78a; --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-hover: #76d3e9; --ct-sys-color-tertiary-palette-key-color: #01b6d1; --ct-sys-color-tertiary-pressed: #7cd9ef; --ct-sys-color-warning: #e3c37e; --ct-sys-color-warning-container: #643f00; --ct-sys-color-on-primary-container-solved: #ffdcc5; --ct-sys-color-primary-container-solved: #5d402c; --ct-sys-color-on-secondary-container-solved: #9dfa4f; --ct-sys-color-secondary-container-solved: #3d4a31; --ct-sys-color-on-tertiary-container-solved: #a7edff; --ct-sys-color-tertiary-container-solved: #2f4b52; --ct-sys-color-on-error-container-solved: #ffdad6; --ct-sys-color-error-container-solved: #93000a; --ct-sys-color-on-information-container-solved: #d7e4f2; --ct-sys-color-information-container-solved: #004b72; --ct-sys-color-on-success-container-solved: #d6e7d5; --ct-sys-color-success-container-solved: #005229; --ct-sys-color-on-warning-container-solved: #f2e0c2; --ct-sys-color-warning-container-solved: #643f00; --ct-sys-color-on-primary-solved: #4f2500; --ct-sys-color-primary-solved: #feac6e; --ct-sys-color-on-secondary-solved: #193800; --ct-sys-color-secondary-solved: #aad386; --ct-sys-color-on-tertiary-solved: #00363f; --ct-sys-color-tertiary-solved: #76d3e9; --ct-sys-color-on-error-solved: #690005; --ct-sys-color-error-solved: #ffb4ab; --ct-sys-color-on-information-solved: #003451; --ct-sys-color-information-solved: #a4cbee; --ct-sys-color-on-success-solved: #00391a; --ct-sys-color-success-solved: #a3d2ac; --ct-sys-color-on-warning-solved: #3f2e00; --ct-sys-color-warning-solved: #e3c37e; --ct-sys-color-on-surface-solved: #f0dfd6; --ct-sys-color-surface-solved: #000000; --ct-sys-color-background-solved: #000000; --ct-sys-color-surface-dim-solved: #19120d; --ct-sys-color-surface-bright-solved: #413731; --ct-sys-color-surface-container-lowest-solved: #140d08; --ct-sys-color-surface-container-low-solved: #221a15; --ct-sys-color-surface-container-solved: #261e18; --ct-sys-color-surface-container-high-solved: #312822; --ct-sys-color-surface-container-highest-solved: #3c332d; --ct-sys-color-on-surface-variant-solved: #d6c3b7; } [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-error-hover: #ffb4ab; --ct-sys-color-error-pressed: #ffbcb4; --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-error-container-hover: #ffdad6; --ct-sys-color-on-error-container-pressed: #ffdad6; --ct-sys-color-on-error-container-state-layer: #ffdad6; --ct-sys-color-on-error-hover: #690005; --ct-sys-color-on-error-pressed: #690005; --ct-sys-color-on-error-state-layer: #690005; --ct-sys-color-on-information: #003451; --ct-sys-color-on-information-container: #d7e4f2; --ct-sys-color-on-information-container-hover: #d7e4f2; --ct-sys-color-on-information-container-pressed: #d7e4f2; --ct-sys-color-on-information-container-state-layer: #d7e4f2; --ct-sys-color-on-information-hover: #003451; --ct-sys-color-on-information-pressed: #003451; --ct-sys-color-on-information-state-layer: #003451; --ct-sys-color-on-primary: #3b2f00; --ct-sys-color-on-primary-container: #ffe17b; --ct-sys-color-on-primary-container-hover: #ffe17b; --ct-sys-color-on-primary-container-pressed: #ffe17b; --ct-sys-color-on-primary-container-selected: #ffe17b; --ct-sys-color-on-primary-container-selected-hover: #ffe79c; --ct-sys-color-on-primary-container-selected-pressed: #fffbff; --ct-sys-color-on-primary-container-state-layer: #ffe17b; --ct-sys-color-on-primary-fixed: #231b00; --ct-sys-color-on-primary-fixed-variant: #564500; --ct-sys-color-on-primary-hover: #3b2f00; --ct-sys-color-on-primary-pressed: #3b2f00; --ct-sys-color-on-primary-state-layer: #3b2f00; --ct-sys-color-on-secondary: #00382b; --ct-sys-color-on-secondary-container: #35fed0; --ct-sys-color-on-secondary-container-hover: #35fed0; --ct-sys-color-on-secondary-container-pressed: #35fed0; --ct-sys-color-on-secondary-container-selected: #35fed0; --ct-sys-color-on-secondary-container-selected-hover: #79ffd9; --ct-sys-color-on-secondary-container-selected-pressed: #ecfff6; --ct-sys-color-on-secondary-container-state-layer: #35fed0; --ct-sys-color-on-secondary-fixed: #002018; --ct-sys-color-on-secondary-fixed-variant: #005140; --ct-sys-color-on-secondary-hover: #00382b; --ct-sys-color-on-secondary-pressed: #00382b; --ct-sys-color-on-secondary-state-layer: #00382b; --ct-sys-color-on-success: #00391a; --ct-sys-color-on-success-container: #d6e7d5; --ct-sys-color-on-success-container-hover: #d6e7d5; --ct-sys-color-on-success-container-pressed: #d6e7d5; --ct-sys-color-on-success-container-state-layer: #d6e7d5; --ct-sys-color-on-success-hover: #00391a; --ct-sys-color-on-success-pressed: #00391a; --ct-sys-color-on-success-state-layer: #00391a; --ct-sys-color-on-surface: #e9e2d4; --ct-sys-color-on-surface-hover: #e9e2d4; --ct-sys-color-on-surface-pressed: #e9e2d4; --ct-sys-color-on-surface-selected-hover: #e9e2d4; --ct-sys-color-on-surface-selected-pressed: #f3ecde; --ct-sys-color-on-surface-selected-state-layer: #e9e2d4; --ct-sys-color-on-surface-variant: #cec6b4; --ct-sys-color-on-surface-variant-hover: #cec6b4; --ct-sys-color-on-surface-variant-pressed: #d4ccb9; --ct-sys-color-on-tertiary: #113252; --ct-sys-color-on-tertiary-container: #d2e4ff; --ct-sys-color-on-tertiary-container-hover: #d2e4ff; --ct-sys-color-on-tertiary-container-pressed: #d2e4ff; --ct-sys-color-on-tertiary-container-state-layer: #d2e4ff; --ct-sys-color-on-tertiary-fixed: #001c37; --ct-sys-color-on-tertiary-fixed-variant: #2b486a; --ct-sys-color-on-tertiary-hover: #113252; --ct-sys-color-on-tertiary-pressed: #113252; --ct-sys-color-on-tertiary-state-layer: #113252; --ct-sys-color-on-warning: #3f2e00; --ct-sys-color-on-warning-container: #f2e0c2; --ct-sys-color-on-warning-container-hover: #f2e0c2; --ct-sys-color-on-warning-container-pressed: #f2e0c2; --ct-sys-color-on-warning-container-state-layer: #f2e0c2; --ct-sys-color-on-warning-hover: #3f2e00; --ct-sys-color-on-warning-pressed: #3f2e00; --ct-sys-color-on-warning-state-layer: #3f2e00; --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-hover: #e2c562; --ct-sys-color-primary-palette-key-color: #fcd002; --ct-sys-color-primary-pressed: #e8cb67; --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-hover: #7cd7bb; --ct-sys-color-secondary-palette-key-color: #0df0c3; --ct-sys-color-secondary-pressed: #82ddc0; --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-hover: #94c3fd; --ct-sys-color-tertiary-palette-key-color: #5c799d; --ct-sys-color-tertiary-pressed: #aacfff; --ct-sys-color-warning: #e3c37e; --ct-sys-color-warning-container: #643f00; --ct-sys-color-on-primary-container-solved: #ffe17b; --ct-sys-color-primary-container-solved: #504626; --ct-sys-color-on-secondary-container-solved: #35fed0; --ct-sys-color-secondary-container-solved: #304c43; --ct-sys-color-on-tertiary-container-solved: #d2e4ff; --ct-sys-color-tertiary-container-solved: #3a475a; --ct-sys-color-on-error-container-solved: #ffdad6; --ct-sys-color-error-container-solved: #93000a; --ct-sys-color-on-information-container-solved: #d7e4f2; --ct-sys-color-information-container-solved: #004b72; --ct-sys-color-on-success-container-solved: #d6e7d5; --ct-sys-color-success-container-solved: #005229; --ct-sys-color-on-warning-container-solved: #f2e0c2; --ct-sys-color-warning-container-solved: #643f00; --ct-sys-color-on-primary-solved: #3b2f00; --ct-sys-color-primary-solved: #e2c562; --ct-sys-color-on-secondary-solved: #00382b; --ct-sys-color-secondary-solved: #7cd7bb; --ct-sys-color-on-tertiary-solved: #113252; --ct-sys-color-tertiary-solved: #94c3fd; --ct-sys-color-on-error-solved: #690005; --ct-sys-color-error-solved: #ffb4ab; --ct-sys-color-on-information-solved: #003451; --ct-sys-color-information-solved: #a4cbee; --ct-sys-color-on-success-solved: #00391a; --ct-sys-color-success-solved: #a3d2ac; --ct-sys-color-on-warning-solved: #3f2e00; --ct-sys-color-warning-solved: #e3c37e; --ct-sys-color-on-surface-solved: #e9e2d4; --ct-sys-color-surface-solved: #000000; --ct-sys-color-background-solved: #000000; --ct-sys-color-surface-dim-solved: #16130b; --ct-sys-color-surface-bright-solved: #3d392f; --ct-sys-color-surface-container-lowest-solved: #100e07; --ct-sys-color-surface-container-low-solved: #1e1b13; --ct-sys-color-surface-container-solved: #221f17; --ct-sys-color-surface-container-high-solved: #2d2a21; --ct-sys-color-surface-container-highest-solved: #38342b; --ct-sys-color-on-surface-variant-solved: #cec6b4; } [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-error-hover: #ffb4ab; --ct-sys-color-error-pressed: #ffbab2; --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-error-container-hover: #ffdad6; --ct-sys-color-on-error-container-pressed: #ffdad6; --ct-sys-color-on-error-container-state-layer: #ffdad6; --ct-sys-color-on-error-hover: #690005; --ct-sys-color-on-error-pressed: #690005; --ct-sys-color-on-error-state-layer: #690005; --ct-sys-color-on-information: #003451; --ct-sys-color-on-information-container: #d7e4f2; --ct-sys-color-on-information-container-hover: #d7e4f2; --ct-sys-color-on-information-container-pressed: #d7e4f2; --ct-sys-color-on-information-container-state-layer: #d7e4f2; --ct-sys-color-on-information-hover: #003451; --ct-sys-color-on-information-pressed: #003451; --ct-sys-color-on-information-state-layer: #003451; --ct-sys-color-on-primary: #193800; --ct-sys-color-on-primary-container: #a7f866; --ct-sys-color-on-primary-container-hover: #a7f866; --ct-sys-color-on-primary-container-pressed: #a7f866; --ct-sys-color-on-primary-container-selected: #a7f866; --ct-sys-color-on-primary-container-selected-hover: #acfe6b; --ct-sys-color-on-primary-container-selected-pressed: #f3ffe3; --ct-sys-color-on-primary-container-state-layer: #a7f866; --ct-sys-color-on-primary-fixed: #0c2000; --ct-sys-color-on-primary-fixed-variant: #275000; --ct-sys-color-on-primary-hover: #193800; --ct-sys-color-on-primary-pressed: #193800; --ct-sys-color-on-primary-state-layer: #193800; --ct-sys-color-on-secondary: #00363f; --ct-sys-color-on-secondary-container: #a7edff; --ct-sys-color-on-secondary-container-hover: #a7edff; --ct-sys-color-on-secondary-container-pressed: #a7edff; --ct-sys-color-on-secondary-container-selected: #a7edff; --ct-sys-color-on-secondary-container-selected-hover: #bbf1ff; --ct-sys-color-on-secondary-container-selected-pressed: #f7fdff; --ct-sys-color-on-secondary-container-state-layer: #a7edff; --ct-sys-color-on-secondary-fixed: #001f25; --ct-sys-color-on-secondary-fixed-variant: #004e5b; --ct-sys-color-on-secondary-hover: #00363f; --ct-sys-color-on-secondary-pressed: #00363f; --ct-sys-color-on-secondary-state-layer: #00363f; --ct-sys-color-on-success: #00391a; --ct-sys-color-on-success-container: #d6e7d5; --ct-sys-color-on-success-container-hover: #d6e7d5; --ct-sys-color-on-success-container-pressed: #d6e7d5; --ct-sys-color-on-success-container-state-layer: #d6e7d5; --ct-sys-color-on-success-hover: #00391a; --ct-sys-color-on-success-pressed: #00391a; --ct-sys-color-on-success-state-layer: #00391a; --ct-sys-color-on-surface: #e2e3d9; --ct-sys-color-on-surface-hover: #e2e3d9; --ct-sys-color-on-surface-pressed: #e2e3d9; --ct-sys-color-on-surface-selected-hover: #e2e3d9; --ct-sys-color-on-surface-selected-pressed: #ecede3; --ct-sys-color-on-surface-selected-state-layer: #e2e3d9; --ct-sys-color-on-surface-variant: #c4c8ba; --ct-sys-color-on-surface-variant-hover: #c4c8ba; --ct-sys-color-on-surface-variant-pressed: #cacebf; --ct-sys-color-on-tertiary: #330098; --ct-sys-color-on-tertiary-container: #e6deff; --ct-sys-color-on-tertiary-container-hover: #e6deff; --ct-sys-color-on-tertiary-container-pressed: #e6deff; --ct-sys-color-on-tertiary-container-state-layer: #e6deff; --ct-sys-color-on-tertiary-fixed: #1d0061; --ct-sys-color-on-tertiary-fixed-variant: #4a25b8; --ct-sys-color-on-tertiary-hover: #330098; --ct-sys-color-on-tertiary-pressed: #330098; --ct-sys-color-on-tertiary-state-layer: #330098; --ct-sys-color-on-warning: #3f2e00; --ct-sys-color-on-warning-container: #f2e0c2; --ct-sys-color-on-warning-container-hover: #f2e0c2; --ct-sys-color-on-warning-container-pressed: #f2e0c2; --ct-sys-color-on-warning-container-state-layer: #f2e0c2; --ct-sys-color-on-warning-hover: #3f2e00; --ct-sys-color-on-warning-pressed: #3f2e00; --ct-sys-color-on-warning-state-layer: #3f2e00; --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-hover: #aad387; --ct-sys-color-primary-palette-key-color: #519a05; --ct-sys-color-primary-pressed: #aed78b; --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-hover: #77d4e9; --ct-sys-color-secondary-palette-key-color: #0093a9; --ct-sys-color-secondary-pressed: #7bd8ed; --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-hover: #c3b4fe; --ct-sys-color-tertiary-palette-key-color: #7c5fec; --ct-sys-color-tertiary-pressed: #d1c4ff; --ct-sys-color-warning: #e3c37e; --ct-sys-color-warning-container: #643f00; --ct-sys-color-on-primary-container-solved: #a7f866; --ct-sys-color-primary-container-solved: #3d4a31; --ct-sys-color-on-secondary-container-solved: #a7edff; --ct-sys-color-secondary-container-solved: #2f4b52; --ct-sys-color-on-tertiary-container-solved: #e6deff; --ct-sys-color-tertiary-container-solved: #48445b; --ct-sys-color-on-error-container-solved: #ffdad6; --ct-sys-color-error-container-solved: #93000a; --ct-sys-color-on-information-container-solved: #d7e4f2; --ct-sys-color-information-container-solved: #004b72; --ct-sys-color-on-success-container-solved: #d6e7d5; --ct-sys-color-success-container-solved: #005229; --ct-sys-color-on-warning-container-solved: #f2e0c2; --ct-sys-color-warning-container-solved: #643f00; --ct-sys-color-on-primary-solved: #193800; --ct-sys-color-primary-solved: #aad387; --ct-sys-color-on-secondary-solved: #00363f; --ct-sys-color-secondary-solved: #77d4e9; --ct-sys-color-on-tertiary-solved: #330098; --ct-sys-color-tertiary-solved: #c3b4fe; --ct-sys-color-on-error-solved: #690005; --ct-sys-color-error-solved: #ffb4ab; --ct-sys-color-on-information-solved: #003451; --ct-sys-color-information-solved: #a4cbee; --ct-sys-color-on-success-solved: #00391a; --ct-sys-color-success-solved: #a3d2ac; --ct-sys-color-on-warning-solved: #3f2e00; --ct-sys-color-warning-solved: #e3c37e; --ct-sys-color-on-surface-solved: #e2e3d9; --ct-sys-color-surface-solved: #000000; --ct-sys-color-background-solved: #000000; --ct-sys-color-surface-dim-solved: #11140e; --ct-sys-color-surface-bright-solved: #373a33; --ct-sys-color-surface-container-lowest-solved: #0c0f09; --ct-sys-color-surface-container-low-solved: #1a1d16; --ct-sys-color-surface-container-solved: #1e211a; --ct-sys-color-surface-container-high-solved: #282b24; --ct-sys-color-surface-container-highest-solved: #33362f; --ct-sys-color-on-surface-variant-solved: #c4c8ba; } [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-error-hover: #ffb4ab; --ct-sys-color-error-pressed: #ffbcb4; --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-error-container-hover: #ffdad6; --ct-sys-color-on-error-container-pressed: #ffdad6; --ct-sys-color-on-error-container-state-layer: #ffdad6; --ct-sys-color-on-error-hover: #690005; --ct-sys-color-on-error-pressed: #690005; --ct-sys-color-on-error-state-layer: #690005; --ct-sys-color-on-information: #003451; --ct-sys-color-on-information-container: #d7e4f2; --ct-sys-color-on-information-container-hover: #d7e4f2; --ct-sys-color-on-information-container-pressed: #d7e4f2; --ct-sys-color-on-information-container-state-layer: #d7e4f2; --ct-sys-color-on-information-hover: #003451; --ct-sys-color-on-information-pressed: #003451; --ct-sys-color-on-information-state-layer: #003451; --ct-sys-color-on-primary: #00382b; --ct-sys-color-on-primary-container: #32fed0; --ct-sys-color-on-primary-container-hover: #32fed0; --ct-sys-color-on-primary-container-pressed: #32fed0; --ct-sys-color-on-primary-container-selected: #32fed0; --ct-sys-color-on-primary-container-selected-hover: #78ffd9; --ct-sys-color-on-primary-container-selected-pressed: #ecfff6; --ct-sys-color-on-primary-container-state-layer: #32fed0; --ct-sys-color-on-primary-fixed: #002018; --ct-sys-color-on-primary-fixed-variant: #005140; --ct-sys-color-on-primary-hover: #00382b; --ct-sys-color-on-primary-pressed: #00382b; --ct-sys-color-on-primary-state-layer: #00382b; --ct-sys-color-on-secondary: #123252; --ct-sys-color-on-secondary-container: #d2e4ff; --ct-sys-color-on-secondary-container-hover: #d2e4ff; --ct-sys-color-on-secondary-container-pressed: #d2e4ff; --ct-sys-color-on-secondary-container-selected: #d2e4ff; --ct-sys-color-on-secondary-container-selected-hover: #dce9ff; --ct-sys-color-on-secondary-container-selected-pressed: #fdfcff; --ct-sys-color-on-secondary-container-state-layer: #d2e4ff; --ct-sys-color-on-secondary-fixed: #001c37; --ct-sys-color-on-secondary-fixed-variant: #2b4869; --ct-sys-color-on-secondary-hover: #123252; --ct-sys-color-on-secondary-pressed: #123252; --ct-sys-color-on-secondary-state-layer: #123252; --ct-sys-color-on-success: #00391a; --ct-sys-color-on-success-container: #d6e7d5; --ct-sys-color-on-success-container-hover: #d6e7d5; --ct-sys-color-on-success-container-pressed: #d6e7d5; --ct-sys-color-on-success-container-state-layer: #d6e7d5; --ct-sys-color-on-success-hover: #00391a; --ct-sys-color-on-success-pressed: #00391a; --ct-sys-color-on-success-state-layer: #00391a; --ct-sys-color-on-surface: #dee4e0; --ct-sys-color-on-surface-hover: #dee4e0; --ct-sys-color-on-surface-pressed: #dee4e0; --ct-sys-color-on-surface-selected-hover: #dee4e0; --ct-sys-color-on-surface-selected-pressed: #e9efeb; --ct-sys-color-on-surface-selected-state-layer: #dee4e0; --ct-sys-color-on-surface-variant: #bfc9c3; --ct-sys-color-on-surface-variant-hover: #bfc9c3; --ct-sys-color-on-surface-variant-pressed: #c5cfc8; --ct-sys-color-on-tertiary: #4b2047; --ct-sys-color-on-tertiary-container: #ffd7f5; --ct-sys-color-on-tertiary-container-hover: #ffd7f5; --ct-sys-color-on-tertiary-container-pressed: #ffd7f5; --ct-sys-color-on-tertiary-container-state-layer: #ffd7f5; --ct-sys-color-on-tertiary-fixed: #330a31; --ct-sys-color-on-tertiary-fixed-variant: #64375f; --ct-sys-color-on-tertiary-hover: #4b2047; --ct-sys-color-on-tertiary-pressed: #4b2047; --ct-sys-color-on-tertiary-state-layer: #4b2047; --ct-sys-color-on-warning: #3f2e00; --ct-sys-color-on-warning-container: #f2e0c2; --ct-sys-color-on-warning-container-hover: #f2e0c2; --ct-sys-color-on-warning-container-pressed: #f2e0c2; --ct-sys-color-on-warning-container-state-layer: #f2e0c2; --ct-sys-color-on-warning-hover: #3f2e00; --ct-sys-color-on-warning-pressed: #3f2e00; --ct-sys-color-on-warning-state-layer: #3f2e00; --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-hover: #7cd7bb; --ct-sys-color-primary-palette-key-color: #00f0c3; --ct-sys-color-primary-pressed: #82ddc0; --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-hover: #94c3fe; --ct-sys-color-secondary-palette-key-color: #5d799d; --ct-sys-color-secondary-pressed: #abcfff; --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-hover: #f6b0ea; --ct-sys-color-tertiary-palette-key-color: #9a6692; --ct-sys-color-tertiary-pressed: #fcb5f0; --ct-sys-color-warning: #e3c37e; --ct-sys-color-warning-container: #643f00; --ct-sys-color-on-primary-container-solved: #32fed0; --ct-sys-color-primary-container-solved: #304c43; --ct-sys-color-on-secondary-container-solved: #d2e4ff; --ct-sys-color-secondary-container-solved: #39475a; --ct-sys-color-on-tertiary-container-solved: #ffd7f5; --ct-sys-color-tertiary-container-solved: #574052; --ct-sys-color-on-error-container-solved: #ffdad6; --ct-sys-color-error-container-solved: #93000a; --ct-sys-color-on-information-container-solved: #d7e4f2; --ct-sys-color-information-container-solved: #004b72; --ct-sys-color-on-success-container-solved: #d6e7d5; --ct-sys-color-success-container-solved: #005229; --ct-sys-color-on-warning-container-solved: #f2e0c2; --ct-sys-color-warning-container-solved: #643f00; --ct-sys-color-on-primary-solved: #00382b; --ct-sys-color-primary-solved: #7cd7bb; --ct-sys-color-on-secondary-solved: #123252; --ct-sys-color-secondary-solved: #94c3fe; --ct-sys-color-on-tertiary-solved: #4b2047; --ct-sys-color-tertiary-solved: #f6b0ea; --ct-sys-color-on-error-solved: #690005; --ct-sys-color-error-solved: #ffb4ab; --ct-sys-color-on-information-solved: #003451; --ct-sys-color-information-solved: #a4cbee; --ct-sys-color-on-success-solved: #00391a; --ct-sys-color-success-solved: #a3d2ac; --ct-sys-color-on-warning-solved: #3f2e00; --ct-sys-color-warning-solved: #e3c37e; --ct-sys-color-on-surface-solved: #dee4e0; --ct-sys-color-surface-solved: #000000; --ct-sys-color-background-solved: #000000; --ct-sys-color-surface-dim-solved: #0f1512; --ct-sys-color-surface-bright-solved: #343b38; --ct-sys-color-surface-container-lowest-solved: #090f0d; --ct-sys-color-surface-container-low-solved: #171d1a; --ct-sys-color-surface-container-solved: #1b211e; --ct-sys-color-surface-container-high-solved: #252b29; --ct-sys-color-surface-container-highest-solved: #303633; --ct-sys-color-on-surface-variant-solved: #bfc9c3; } [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-error-hover: #ffb4ab; --ct-sys-color-error-pressed: #ffbab2; --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-error-container-hover: #ffdad6; --ct-sys-color-on-error-container-pressed: #ffdad6; --ct-sys-color-on-error-container-state-layer: #ffdad6; --ct-sys-color-on-error-hover: #690005; --ct-sys-color-on-error-pressed: #690005; --ct-sys-color-on-error-state-layer: #690005; --ct-sys-color-on-information: #003451; --ct-sys-color-on-information-container: #d7e4f2; --ct-sys-color-on-information-container-hover: #d7e4f2; --ct-sys-color-on-information-container-pressed: #d7e4f2; --ct-sys-color-on-information-container-state-layer: #d7e4f2; --ct-sys-color-on-information-hover: #003451; --ct-sys-color-on-information-pressed: #003451; --ct-sys-color-on-information-state-layer: #003451; --ct-sys-color-on-primary: #00363f; --ct-sys-color-on-primary-container: #a8edff; --ct-sys-color-on-primary-container-hover: #a8edff; --ct-sys-color-on-primary-container-pressed: #a8edff; --ct-sys-color-on-primary-container-selected: #a8edff; --ct-sys-color-on-primary-container-selected-hover: #bbf1ff; --ct-sys-color-on-primary-container-selected-pressed: #f7fdff; --ct-sys-color-on-primary-container-state-layer: #a8edff; --ct-sys-color-on-primary-fixed: #001f25; --ct-sys-color-on-primary-fixed-variant: #004e5b; --ct-sys-color-on-primary-hover: #00363f; --ct-sys-color-on-primary-pressed: #00363f; --ct-sys-color-on-primary-state-layer: #00363f; --ct-sys-color-on-secondary: #32295a; --ct-sys-color-on-secondary-container: #e7deff; --ct-sys-color-on-secondary-container-hover: #e7deff; --ct-sys-color-on-secondary-container-pressed: #e7deff; --ct-sys-color-on-secondary-container-selected: #e7deff; --ct-sys-color-on-secondary-container-selected-hover: #ede4ff; --ct-sys-color-on-secondary-container-selected-pressed: #fffbff; --ct-sys-color-on-secondary-container-state-layer: #e7deff; --ct-sys-color-on-secondary-fixed: #1d1244; --ct-sys-color-on-secondary-fixed-variant: #493f72; --ct-sys-color-on-secondary-hover: #32295a; --ct-sys-color-on-secondary-pressed: #32295a; --ct-sys-color-on-secondary-state-layer: #32295a; --ct-sys-color-on-success: #00391a; --ct-sys-color-on-success-container: #d6e7d5; --ct-sys-color-on-success-container-hover: #d6e7d5; --ct-sys-color-on-success-container-pressed: #d6e7d5; --ct-sys-color-on-success-container-state-layer: #d6e7d5; --ct-sys-color-on-success-hover: #00391a; --ct-sys-color-on-success-pressed: #00391a; --ct-sys-color-on-success-state-layer: #00391a; --ct-sys-color-on-surface: #dee3e5; --ct-sys-color-on-surface-hover: #dee3e5; --ct-sys-color-on-surface-pressed: #dee3e5; --ct-sys-color-on-surface-selected-hover: #dee3e5; --ct-sys-color-on-surface-selected-pressed: #e8edef; --ct-sys-color-on-surface-selected-state-layer: #dee3e5; --ct-sys-color-on-surface-variant: #bfc8cb; --ct-sys-color-on-surface-variant-hover: #bfc8cb; --ct-sys-color-on-surface-variant-pressed: #c5ced1; --ct-sys-color-on-tertiary: #4f2326; --ct-sys-color-on-tertiary-container: #ffdada; --ct-sys-color-on-tertiary-container-hover: #ffdada; --ct-sys-color-on-tertiary-container-pressed: #ffdada; --ct-sys-color-on-tertiary-container-state-layer: #ffdada; --ct-sys-color-on-tertiary-fixed: #350e12; --ct-sys-color-on-tertiary-fixed-variant: #6a383c; --ct-sys-color-on-tertiary-hover: #4f2326; --ct-sys-color-on-tertiary-pressed: #4f2326; --ct-sys-color-on-tertiary-state-layer: #4f2326; --ct-sys-color-on-warning: #3f2e00; --ct-sys-color-on-warning-container: #f2e0c2; --ct-sys-color-on-warning-container-hover: #f2e0c2; --ct-sys-color-on-warning-container-pressed: #f2e0c2; --ct-sys-color-on-warning-container-state-layer: #f2e0c2; --ct-sys-color-on-warning-hover: #3f2e00; --ct-sys-color-on-warning-pressed: #3f2e00; --ct-sys-color-on-warning-state-layer: #3f2e00; --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-hover: #76d3e9; --ct-sys-color-primary-palette-key-color: #00dcfd; --ct-sys-color-primary-pressed: #7cd9ef; --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-hover: #c3b5ff; --ct-sys-color-secondary-palette-key-color: #7a70a6; --ct-sys-color-secondary-pressed: #cfc3ff; --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-hover: #ffa2a6; --ct-sys-color-tertiary-palette-key-color: #a1676a; --ct-sys-color-tertiary-pressed: #ffb9bb; --ct-sys-color-warning: #e3c37e; --ct-sys-color-warning-container: #643f00; --ct-sys-color-on-primary-container-solved: #a8edff; --ct-sys-color-primary-container-solved: #2f4b52; --ct-sys-color-on-secondary-container-solved: #e7deff; --ct-sys-color-secondary-container-solved: #48435b; --ct-sys-color-on-tertiary-container-solved: #ffdada; --ct-sys-color-tertiary-container-solved: #5f3e40; --ct-sys-color-on-error-container-solved: #ffdad6; --ct-sys-color-error-container-solved: #93000a; --ct-sys-color-on-information-container-solved: #d7e4f2; --ct-sys-color-information-container-solved: #004b72; --ct-sys-color-on-success-container-solved: #d6e7d5; --ct-sys-color-success-container-solved: #005229; --ct-sys-color-on-warning-container-solved: #f2e0c2; --ct-sys-color-warning-container-solved: #643f00; --ct-sys-color-on-primary-solved: #00363f; --ct-sys-color-primary-solved: #76d3e9; --ct-sys-color-on-secondary-solved: #32295a; --ct-sys-color-secondary-solved: #c3b5ff; --ct-sys-color-on-tertiary-solved: #4f2326; --ct-sys-color-tertiary-solved: #ffa2a6; --ct-sys-color-on-error-solved: #690005; --ct-sys-color-error-solved: #ffb4ab; --ct-sys-color-on-information-solved: #003451; --ct-sys-color-information-solved: #a4cbee; --ct-sys-color-on-success-solved: #00391a; --ct-sys-color-success-solved: #a3d2ac; --ct-sys-color-on-warning-solved: #3f2e00; --ct-sys-color-warning-solved: #e3c37e; --ct-sys-color-on-surface-solved: #dee3e5; --ct-sys-color-surface-solved: #000000; --ct-sys-color-background-solved: #000000; --ct-sys-color-surface-dim-solved: #0f1416; --ct-sys-color-surface-bright-solved: #343a3c; --ct-sys-color-surface-container-lowest-solved: #090f11; --ct-sys-color-surface-container-low-solved: #171d1e; --ct-sys-color-surface-container-solved: #1b2122; --ct-sys-color-surface-container-high-solved: #252b2d; --ct-sys-color-surface-container-highest-solved: #303637; --ct-sys-color-on-surface-variant-solved: #bfc8cb; } [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-error-hover: #ffb4ab; --ct-sys-color-error-pressed: #ffbab2; --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-error-container-hover: #ffdad6; --ct-sys-color-on-error-container-pressed: #ffdad6; --ct-sys-color-on-error-container-state-layer: #ffdad6; --ct-sys-color-on-error-hover: #690005; --ct-sys-color-on-error-pressed: #690005; --ct-sys-color-on-error-state-layer: #690005; --ct-sys-color-on-information: #003451; --ct-sys-color-on-information-container: #d7e4f2; --ct-sys-color-on-information-container-hover: #d7e4f2; --ct-sys-color-on-information-container-pressed: #d7e4f2; --ct-sys-color-on-information-container-state-layer: #d7e4f2; --ct-sys-color-on-information-hover: #003451; --ct-sys-color-on-information-pressed: #003451; --ct-sys-color-on-information-state-layer: #003451; --ct-sys-color-on-primary: #373100; --ct-sys-color-on-primary-container: #fce425; --ct-sys-color-on-primary-container-hover: #fce425; --ct-sys-color-on-primary-container-pressed: #fce425; --ct-sys-color-on-primary-container-selected: #fce425; --ct-sys-color-on-primary-container-selected-hover: #ffea56; --ct-sys-color-on-primary-container-selected-pressed: #fffaf4; --ct-sys-color-on-primary-container-state-layer: #fce425; --ct-sys-color-on-primary-fixed: #201c00; --ct-sys-color-on-primary-fixed-variant: #504700; --ct-sys-color-on-primary-hover: #373100; --ct-sys-color-on-primary-pressed: #373100; --ct-sys-color-on-primary-state-layer: #373100; --ct-sys-color-on-secondary: #003730; --ct-sys-color-on-secondary-container: #39fde1; --ct-sys-color-on-secondary-container-hover: #39fde1; --ct-sys-color-on-secondary-container-pressed: #39fde1; --ct-sys-color-on-secondary-container-selected: #39fde1; --ct-sys-color-on-secondary-container-selected-hover: #63ffe5; --ct-sys-color-on-secondary-container-selected-pressed: #edfff9; --ct-sys-color-on-secondary-container-state-layer: #39fde1; --ct-sys-color-on-secondary-fixed: #00201b; --ct-sys-color-on-secondary-fixed-variant: #005046; --ct-sys-color-on-secondary-hover: #003730; --ct-sys-color-on-secondary-pressed: #003730; --ct-sys-color-on-secondary-state-layer: #003730; --ct-sys-color-on-success: #00391a; --ct-sys-color-on-success-container: #d6e7d5; --ct-sys-color-on-success-container-hover: #d6e7d5; --ct-sys-color-on-success-container-pressed: #d6e7d5; --ct-sys-color-on-success-container-state-layer: #d6e7d5; --ct-sys-color-on-success-hover: #00391a; --ct-sys-color-on-success-pressed: #00391a; --ct-sys-color-on-success-state-layer: #00391a; --ct-sys-color-on-surface: #e8e2d5; --ct-sys-color-on-surface-hover: #e8e2d5; --ct-sys-color-on-surface-pressed: #e8e2d5; --ct-sys-color-on-surface-selected-hover: #e8e2d5; --ct-sys-color-on-surface-selected-pressed: #f2ecdf; --ct-sys-color-on-surface-selected-state-layer: #e8e2d5; --ct-sys-color-on-surface-variant: #ccc6b5; --ct-sys-color-on-surface-variant-hover: #ccc6b5; --ct-sys-color-on-surface-variant-pressed: #d2ccba; --ct-sys-color-on-tertiary: #223149; --ct-sys-color-on-tertiary-container: #d6e3ff; --ct-sys-color-on-tertiary-container-hover: #d6e3ff; --ct-sys-color-on-tertiary-container-pressed: #d6e3ff; --ct-sys-color-on-tertiary-container-state-layer: #d6e3ff; --ct-sys-color-on-tertiary-fixed: #0c1c33; --ct-sys-color-on-tertiary-fixed-variant: #394760; --ct-sys-color-on-tertiary-hover: #223149; --ct-sys-color-on-tertiary-pressed: #223149; --ct-sys-color-on-tertiary-state-layer: #223149; --ct-sys-color-on-warning: #3f2e00; --ct-sys-color-on-warning-container: #f2e0c2; --ct-sys-color-on-warning-container-hover: #f2e0c2; --ct-sys-color-on-warning-container-pressed: #f2e0c2; --ct-sys-color-on-warning-container-state-layer: #f2e0c2; --ct-sys-color-on-warning-hover: #3f2e00; --ct-sys-color-on-warning-pressed: #3f2e00; --ct-sys-color-on-warning-state-layer: #3f2e00; --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-hover: #d7c866; --ct-sys-color-primary-palette-key-color: #ead303; --ct-sys-color-primary-pressed: #ddce6b; --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-hover: #77d8c5; --ct-sys-color-secondary-palette-key-color: #01ebd0; --ct-sys-color-secondary-pressed: #7bdcc9; --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-hover: #9bbfff; --ct-sys-color-tertiary-palette-key-color: #697793; --ct-sys-color-tertiary-pressed: #b2cdff; --ct-sys-color-warning: #e3c37e; --ct-sys-color-warning-container: #643f00; --ct-sys-color-on-primary-container-solved: #fce425; --ct-sys-color-primary-container-solved: #4c4727; --ct-sys-color-on-secondary-container-solved: #39fde1; --ct-sys-color-secondary-container-solved: #2f4c46; --ct-sys-color-on-tertiary-container-solved: #d6e3ff; --ct-sys-color-tertiary-container-solved: #263144; --ct-sys-color-on-error-container-solved: #ffdad6; --ct-sys-color-error-container-solved: #93000a; --ct-sys-color-on-information-container-solved: #d7e4f2; --ct-sys-color-information-container-solved: #004b72; --ct-sys-color-on-success-container-solved: #d6e7d5; --ct-sys-color-success-container-solved: #005229; --ct-sys-color-on-warning-container-solved: #f2e0c2; --ct-sys-color-warning-container-solved: #643f00; --ct-sys-color-on-primary-solved: #373100; --ct-sys-color-primary-solved: #d7c866; --ct-sys-color-on-secondary-solved: #003730; --ct-sys-color-secondary-solved: #77d8c5; --ct-sys-color-on-tertiary-solved: #223149; --ct-sys-color-tertiary-solved: #9bbfff; --ct-sys-color-on-error-solved: #690005; --ct-sys-color-error-solved: #ffb4ab; --ct-sys-color-on-information-solved: #003451; --ct-sys-color-information-solved: #a4cbee; --ct-sys-color-on-success-solved: #00391a; --ct-sys-color-success-solved: #a3d2ac; --ct-sys-color-on-warning-solved: #3f2e00; --ct-sys-color-warning-solved: #e3c37e; --ct-sys-color-on-surface-solved: #e8e2d5; --ct-sys-color-surface-solved: #15130c; --ct-sys-color-background-solved: #15130c; --ct-sys-color-surface-dim-solved: #15130c; --ct-sys-color-surface-bright-solved: #3b3930; --ct-sys-color-surface-container-lowest-solved: #100e07; --ct-sys-color-surface-container-low-solved: #1d1c13; --ct-sys-color-surface-container-solved: #212017; --ct-sys-color-surface-container-high-solved: #2c2a21; --ct-sys-color-surface-container-highest-solved: #37352c; --ct-sys-color-on-surface-variant-solved: #ccc6b5; } [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-error-hover: #ffb4ab; --ct-sys-color-error-pressed: #ffbab2; --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-error-container-hover: #ffdad6; --ct-sys-color-on-error-container-pressed: #ffdad6; --ct-sys-color-on-error-container-state-layer: #ffdad6; --ct-sys-color-on-error-hover: #690005; --ct-sys-color-on-error-pressed: #690005; --ct-sys-color-on-error-state-layer: #690005; --ct-sys-color-on-information: #003451; --ct-sys-color-on-information-container: #d7e4f2; --ct-sys-color-on-information-container-hover: #d7e4f2; --ct-sys-color-on-information-container-pressed: #d7e4f2; --ct-sys-color-on-information-container-state-layer: #d7e4f2; --ct-sys-color-on-information-hover: #003451; --ct-sys-color-on-information-pressed: #003451; --ct-sys-color-on-information-state-layer: #003451; --ct-sys-color-on-primary: #003641; --ct-sys-color-on-primary-container: #b1ecff; --ct-sys-color-on-primary-container-hover: #b1ecff; --ct-sys-color-on-primary-container-pressed: #b1ecff; --ct-sys-color-on-primary-container-selected: #b1ecff; --ct-sys-color-on-primary-container-selected-hover: #c2f0ff; --ct-sys-color-on-primary-container-selected-pressed: #fdfeff; --ct-sys-color-on-primary-container-state-layer: #b1ecff; --ct-sys-color-on-primary-fixed: #001f27; --ct-sys-color-on-primary-fixed-variant: #004e5e; --ct-sys-color-on-primary-hover: #003641; --ct-sys-color-on-primary-pressed: #003641; --ct-sys-color-on-primary-state-layer: #003641; --ct-sys-color-on-secondary: #362856; --ct-sys-color-on-secondary-container: #e9ddff; --ct-sys-color-on-secondary-container-hover: #e9ddff; --ct-sys-color-on-secondary-container-pressed: #e9ddff; --ct-sys-color-on-secondary-container-selected: #e9ddff; --ct-sys-color-on-secondary-container-selected-hover: #eee4ff; --ct-sys-color-on-secondary-container-selected-pressed: #fffbff; --ct-sys-color-on-secondary-container-state-layer: #e9ddff; --ct-sys-color-on-secondary-fixed: #201240; --ct-sys-color-on-secondary-fixed-variant: #4c3f6e; --ct-sys-color-on-secondary-hover: #362856; --ct-sys-color-on-secondary-pressed: #362856; --ct-sys-color-on-secondary-state-layer: #362856; --ct-sys-color-on-success: #00391a; --ct-sys-color-on-success-container: #d6e7d5; --ct-sys-color-on-success-container-hover: #d6e7d5; --ct-sys-color-on-success-container-pressed: #d6e7d5; --ct-sys-color-on-success-container-state-layer: #d6e7d5; --ct-sys-color-on-success-hover: #00391a; --ct-sys-color-on-success-pressed: #00391a; --ct-sys-color-on-success-state-layer: #00391a; --ct-sys-color-on-surface: #dee3e6; --ct-sys-color-on-surface-hover: #dee3e6; --ct-sys-color-on-surface-pressed: #dee3e6; --ct-sys-color-on-surface-selected-hover: #dee3e6; --ct-sys-color-on-surface-selected-pressed: #e8edf0; --ct-sys-color-on-surface-selected-state-layer: #dee3e6; --ct-sys-color-on-surface-variant: #bfc8cb; --ct-sys-color-on-surface-variant-hover: #bfc8cb; --ct-sys-color-on-surface-variant-pressed: #c5ced1; --ct-sys-color-on-tertiary: #4d2424; --ct-sys-color-on-tertiary-container: #ffdad8; --ct-sys-color-on-tertiary-container-hover: #ffdad8; --ct-sys-color-on-tertiary-container-pressed: #ffdad8; --ct-sys-color-on-tertiary-container-state-layer: #ffdad8; --ct-sys-color-on-tertiary-fixed: #341010; --ct-sys-color-on-tertiary-fixed-variant: #683a39; --ct-sys-color-on-tertiary-hover: #4d2424; --ct-sys-color-on-tertiary-pressed: #4d2424; --ct-sys-color-on-tertiary-state-layer: #4d2424; --ct-sys-color-on-warning: #3f2e00; --ct-sys-color-on-warning-container: #f2e0c2; --ct-sys-color-on-warning-container-hover: #f2e0c2; --ct-sys-color-on-warning-container-pressed: #f2e0c2; --ct-sys-color-on-warning-container-state-layer: #f2e0c2; --ct-sys-color-on-warning-hover: #3f2e00; --ct-sys-color-on-warning-pressed: #3f2e00; --ct-sys-color-on-warning-state-layer: #3f2e00; --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-hover: #79d2ed; --ct-sys-color-primary-palette-key-color: #0aa6c6; --ct-sys-color-primary-pressed: #7fd8f3; --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-hover: #cab4fe; --ct-sys-color-secondary-palette-key-color: #7e6fa2; --ct-sys-color-secondary-pressed: #d5c3ff; --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-hover: #ffa2a0; --ct-sys-color-tertiary-palette-key-color: #9f6968; --ct-sys-color-tertiary-pressed: #ffbab8; --ct-sys-color-warning: #e3c37e; --ct-sys-color-warning-container: #643f00; --ct-sys-color-on-primary-container-solved: #b1ecff; --ct-sys-color-primary-container-solved: #304b53; --ct-sys-color-on-secondary-container-solved: #e9ddff; --ct-sys-color-secondary-container-solved: #4a435b; --ct-sys-color-on-tertiary-container-solved: #ffdad8; --ct-sys-color-tertiary-container-solved: #472827; --ct-sys-color-on-error-container-solved: #ffdad6; --ct-sys-color-error-container-solved: #93000a; --ct-sys-color-on-information-container-solved: #d7e4f2; --ct-sys-color-information-container-solved: #004b72; --ct-sys-color-on-success-container-solved: #d6e7d5; --ct-sys-color-success-container-solved: #005229; --ct-sys-color-on-warning-container-solved: #f2e0c2; --ct-sys-color-warning-container-solved: #643f00; --ct-sys-color-on-primary-solved: #003641; --ct-sys-color-primary-solved: #79d2ed; --ct-sys-color-on-secondary-solved: #362856; --ct-sys-color-secondary-solved: #cab4fe; --ct-sys-color-on-tertiary-solved: #4d2424; --ct-sys-color-tertiary-solved: #ffa2a0; --ct-sys-color-on-error-solved: #690005; --ct-sys-color-error-solved: #ffb4ab; --ct-sys-color-on-information-solved: #003451; --ct-sys-color-information-solved: #a4cbee; --ct-sys-color-on-success-solved: #00391a; --ct-sys-color-success-solved: #a3d2ac; --ct-sys-color-on-warning-solved: #3f2e00; --ct-sys-color-warning-solved: #e3c37e; --ct-sys-color-on-surface-solved: #dee3e6; --ct-sys-color-surface-solved: #0f1416; --ct-sys-color-background-solved: #0f1416; --ct-sys-color-surface-dim-solved: #0f1416; --ct-sys-color-surface-bright-solved: #343a3c; --ct-sys-color-surface-container-lowest-solved: #090f11; --ct-sys-color-surface-container-low-solved: #171c1e; --ct-sys-color-surface-container-solved: #1b2022; --ct-sys-color-surface-container-high-solved: #252b2d; --ct-sys-color-surface-container-highest-solved: #303638; --ct-sys-color-on-surface-variant-solved: #bfc8cb; } [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-error-hover: #ffb4ab; --ct-sys-color-error-pressed: #ffbab2; --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-error-container-hover: #ffdad6; --ct-sys-color-on-error-container-pressed: #ffdad6; --ct-sys-color-on-error-container-state-layer: #ffdad6; --ct-sys-color-on-error-hover: #690005; --ct-sys-color-on-error-pressed: #690005; --ct-sys-color-on-error-state-layer: #690005; --ct-sys-color-on-information: #003451; --ct-sys-color-on-information-container: #d7e4f2; --ct-sys-color-on-information-container-hover: #d7e4f2; --ct-sys-color-on-information-container-pressed: #d7e4f2; --ct-sys-color-on-information-container-state-layer: #d7e4f2; --ct-sys-color-on-information-hover: #003451; --ct-sys-color-on-information-pressed: #003451; --ct-sys-color-on-information-state-layer: #003451; --ct-sys-color-on-primary: #30009b; --ct-sys-color-on-primary-container: #e6deff; --ct-sys-color-on-primary-container-hover: #e6deff; --ct-sys-color-on-primary-container-pressed: #e6deff; --ct-sys-color-on-primary-container-selected: #e6deff; --ct-sys-color-on-primary-container-selected-hover: #ede6ff; --ct-sys-color-on-primary-container-selected-pressed: #fffdff; --ct-sys-color-on-primary-container-state-layer: #e6deff; --ct-sys-color-on-primary-fixed: #1b0063; --ct-sys-color-on-primary-fixed-variant: #4618ca; --ct-sys-color-on-primary-hover: #30009b; --ct-sys-color-on-primary-pressed: #30009b; --ct-sys-color-on-primary-state-layer: #30009b; --ct-sys-color-on-secondary: #67001d; --ct-sys-color-on-secondary-container: #ffdadb; --ct-sys-color-on-secondary-container-hover: #ffdadb; --ct-sys-color-on-secondary-container-pressed: #ffdadb; --ct-sys-color-on-secondary-container-selected: #ffdadb; --ct-sys-color-on-secondary-container-selected-hover: #ffe2e2; --ct-sys-color-on-secondary-container-selected-pressed: #fffbff; --ct-sys-color-on-secondary-container-state-layer: #ffdadb; --ct-sys-color-on-secondary-fixed: #40000e; --ct-sys-color-on-secondary-fixed-variant: #8e0c2e; --ct-sys-color-on-secondary-hover: #67001d; --ct-sys-color-on-secondary-pressed: #67001d; --ct-sys-color-on-secondary-state-layer: #67001d; --ct-sys-color-on-success: #00391a; --ct-sys-color-on-success-container: #d6e7d5; --ct-sys-color-on-success-container-hover: #d6e7d5; --ct-sys-color-on-success-container-pressed: #d6e7d5; --ct-sys-color-on-success-container-state-layer: #d6e7d5; --ct-sys-color-on-success-hover: #00391a; --ct-sys-color-on-success-pressed: #00391a; --ct-sys-color-on-success-state-layer: #00391a; --ct-sys-color-on-surface: #e6e1e9; --ct-sys-color-on-surface-hover: #e6e1e9; --ct-sys-color-on-surface-pressed: #e6e1e9; --ct-sys-color-on-surface-selected-hover: #e6e1e9; --ct-sys-color-on-surface-selected-pressed: #f0ebf3; --ct-sys-color-on-surface-selected-state-layer: #e6e1e9; --ct-sys-color-on-surface-variant: #c9c5d0; --ct-sys-color-on-surface-variant-hover: #c9c5d0; --ct-sys-color-on-surface-variant-pressed: #cfcbd6; --ct-sys-color-on-tertiary: #3c2f00; --ct-sys-color-on-tertiary-container: #fbe194; --ct-sys-color-on-tertiary-container-hover: #fbe194; --ct-sys-color-on-tertiary-container-pressed: #fbe194; --ct-sys-color-on-tertiary-container-state-layer: #fbe194; --ct-sys-color-on-tertiary-fixed: #231b00; --ct-sys-color-on-tertiary-fixed-variant: #564506; --ct-sys-color-on-tertiary-hover: #3c2f00; --ct-sys-color-on-tertiary-pressed: #3c2f00; --ct-sys-color-on-tertiary-state-layer: #3c2f00; --ct-sys-color-on-warning: #3f2e00; --ct-sys-color-on-warning-container: #f2e0c2; --ct-sys-color-on-warning-container-hover: #f2e0c2; --ct-sys-color-on-warning-container-pressed: #f2e0c2; --ct-sys-color-on-warning-container-state-layer: #f2e0c2; --ct-sys-color-on-warning-hover: #3f2e00; --ct-sys-color-on-warning-pressed: #3f2e00; --ct-sys-color-on-warning-state-layer: #3f2e00; --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-hover: #c1b5fe; --ct-sys-color-primary-palette-key-color: #785bfc; --ct-sys-color-primary-pressed: #cfc5ff; --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-hover: #ffa6ad; --ct-sys-color-secondary-palette-key-color: #d1445a; --ct-sys-color-secondary-pressed: #ffbabf; --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-hover: #e2c462; --ct-sys-color-tertiary-palette-key-color: #897535; --ct-sys-color-tertiary-pressed: #e8ca67; --ct-sys-color-warning: #e3c37e; --ct-sys-color-warning-container: #643f00; --ct-sys-color-on-primary-container-solved: #e6deff; --ct-sys-color-primary-container-solved: #48445b; --ct-sys-color-on-secondary-container-solved: #ffdadb; --ct-sys-color-secondary-container-solved: #5f3e40; --ct-sys-color-on-tertiary-container-solved: #fbe194; --ct-sys-color-tertiary-container-solved: #392f12; --ct-sys-color-on-error-container-solved: #ffdad6; --ct-sys-color-error-container-solved: #93000a; --ct-sys-color-on-information-container-solved: #d7e4f2; --ct-sys-color-information-container-solved: #004b72; --ct-sys-color-on-success-container-solved: #d6e7d5; --ct-sys-color-success-container-solved: #005229; --ct-sys-color-on-warning-container-solved: #f2e0c2; --ct-sys-color-warning-container-solved: #643f00; --ct-sys-color-on-primary-solved: #30009b; --ct-sys-color-primary-solved: #c1b5fe; --ct-sys-color-on-secondary-solved: #67001d; --ct-sys-color-secondary-solved: #ffa6ad; --ct-sys-color-on-tertiary-solved: #3c2f00; --ct-sys-color-tertiary-solved: #e2c462; --ct-sys-color-on-error-solved: #690005; --ct-sys-color-error-solved: #ffb4ab; --ct-sys-color-on-information-solved: #003451; --ct-sys-color-information-solved: #a4cbee; --ct-sys-color-on-success-solved: #00391a; --ct-sys-color-success-solved: #a3d2ac; --ct-sys-color-on-warning-solved: #3f2e00; --ct-sys-color-warning-solved: #e3c37e; --ct-sys-color-on-surface-solved: #e6e1e9; --ct-sys-color-surface-solved: #141318; --ct-sys-color-background-solved: #141318; --ct-sys-color-surface-dim-solved: #141318; --ct-sys-color-surface-bright-solved: #3a383e; --ct-sys-color-surface-container-lowest-solved: #0f0d13; --ct-sys-color-surface-container-low-solved: #1c1b20; --ct-sys-color-surface-container-solved: #201f25; --ct-sys-color-surface-container-high-solved: #2b292f; --ct-sys-color-surface-container-highest-solved: #36343a; --ct-sys-color-on-surface-variant-solved: #c9c5d0; } [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-error-hover: #ffb4ab; --ct-sys-color-error-pressed: #ffbcb4; --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-error-container-hover: #ffdad6; --ct-sys-color-on-error-container-pressed: #ffdad6; --ct-sys-color-on-error-container-state-layer: #ffdad6; --ct-sys-color-on-error-hover: #690005; --ct-sys-color-on-error-pressed: #690005; --ct-sys-color-on-error-state-layer: #690005; --ct-sys-color-on-information: #003451; --ct-sys-color-on-information-container: #d7e4f2; --ct-sys-color-on-information-container-hover: #d7e4f2; --ct-sys-color-on-information-container-pressed: #d7e4f2; --ct-sys-color-on-information-container-state-layer: #d7e4f2; --ct-sys-color-on-information-hover: #003451; --ct-sys-color-on-information-pressed: #003451; --ct-sys-color-on-information-state-layer: #003451; --ct-sys-color-on-primary: #680012; --ct-sys-color-on-primary-container: #ffdad8; --ct-sys-color-on-primary-container-hover: #ffdad8; --ct-sys-color-on-primary-container-pressed: #ffdad8; --ct-sys-color-on-primary-container-selected: #ffdad8; --ct-sys-color-on-primary-container-selected-hover: #ffe2e0; --ct-sys-color-on-primary-container-selected-pressed: #fffbff; --ct-sys-color-on-primary-container-state-layer: #ffdad8; --ct-sys-color-on-primary-fixed: #410007; --ct-sys-color-on-primary-fixed-variant: #92001d; --ct-sys-color-on-primary-hover: #680012; --ct-sys-color-on-primary-pressed: #680012; --ct-sys-color-on-primary-state-layer: #680012; --ct-sys-color-on-secondary: #393000; --ct-sys-color-on-secondary-container: #fae373; --ct-sys-color-on-secondary-container-hover: #fae373; --ct-sys-color-on-secondary-container-pressed: #fae373; --ct-sys-color-on-secondary-container-selected: #fae373; --ct-sys-color-on-secondary-container-selected-hover: #ffe97e; --ct-sys-color-on-secondary-container-selected-pressed: #fffbff; --ct-sys-color-on-secondary-container-state-layer: #fae373; --ct-sys-color-on-secondary-fixed: #211b00; --ct-sys-color-on-secondary-fixed-variant: #524600; --ct-sys-color-on-secondary-hover: #393000; --ct-sys-color-on-secondary-pressed: #393000; --ct-sys-color-on-secondary-state-layer: #393000; --ct-sys-color-on-success: #00391a; --ct-sys-color-on-success-container: #d6e7d5; --ct-sys-color-on-success-container-hover: #d6e7d5; --ct-sys-color-on-success-container-pressed: #d6e7d5; --ct-sys-color-on-success-container-state-layer: #d6e7d5; --ct-sys-color-on-success-hover: #00391a; --ct-sys-color-on-success-pressed: #00391a; --ct-sys-color-on-success-state-layer: #00391a; --ct-sys-color-on-surface: #f0dedd; --ct-sys-color-on-surface-hover: #f0dedd; --ct-sys-color-on-surface-pressed: #f0dedd; --ct-sys-color-on-surface-selected-hover: #f0dedd; --ct-sys-color-on-surface-selected-pressed: #fce9e8; --ct-sys-color-on-surface-selected-state-layer: #f0dedd; --ct-sys-color-on-surface-variant: #d7c1c0; --ct-sys-color-on-surface-variant-hover: #d7c1c0; --ct-sys-color-on-surface-variant-pressed: #dec8c7; --ct-sys-color-on-tertiary: #00382e; --ct-sys-color-on-tertiary-container: #94f4dd; --ct-sys-color-on-tertiary-container-hover: #94f4dd; --ct-sys-color-on-tertiary-container-pressed: #94f4dd; --ct-sys-color-on-tertiary-container-state-layer: #94f4dd; --ct-sys-color-on-tertiary-fixed: #00201a; --ct-sys-color-on-tertiary-fixed-variant: #005144; --ct-sys-color-on-tertiary-hover: #00382e; --ct-sys-color-on-tertiary-pressed: #00382e; --ct-sys-color-on-tertiary-state-layer: #00382e; --ct-sys-color-on-warning: #3f2e00; --ct-sys-color-on-warning-container: #f2e0c2; --ct-sys-color-on-warning-container-hover: #f2e0c2; --ct-sys-color-on-warning-container-pressed: #f2e0c2; --ct-sys-color-on-warning-container-state-layer: #f2e0c2; --ct-sys-color-on-warning-hover: #3f2e00; --ct-sys-color-on-warning-pressed: #3f2e00; --ct-sys-color-on-warning-state-layer: #3f2e00; --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-hover: #ffa7a5; --ct-sys-color-primary-palette-key-color: #ea1638; --ct-sys-color-primary-pressed: #ffbbb9; --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-hover: #dcc664; --ct-sys-color-secondary-palette-key-color: #89770d; --ct-sys-color-secondary-pressed: #e2cc69; --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-hover: #79d8c1; --ct-sys-color-tertiary-palette-key-color: #188673; --ct-sys-color-tertiary-pressed: #7fdec6; --ct-sys-color-warning: #e3c37e; --ct-sys-color-warning-container: #643f00; --ct-sys-color-on-primary-container-solved: #ffdad8; --ct-sys-color-primary-container-solved: #5f3e3d; --ct-sys-color-on-secondary-container-solved: #fae373; --ct-sys-color-secondary-container-solved: #4e4626; --ct-sys-color-on-tertiary-container-solved: #94f4dd; --ct-sys-color-tertiary-container-solved: #18362e; --ct-sys-color-on-error-container-solved: #ffdad6; --ct-sys-color-error-container-solved: #93000a; --ct-sys-color-on-information-container-solved: #d7e4f2; --ct-sys-color-information-container-solved: #004b72; --ct-sys-color-on-success-container-solved: #d6e7d5; --ct-sys-color-success-container-solved: #005229; --ct-sys-color-on-warning-container-solved: #f2e0c2; --ct-sys-color-warning-container-solved: #643f00; --ct-sys-color-on-primary-solved: #680012; --ct-sys-color-primary-solved: #ffa7a5; --ct-sys-color-on-secondary-solved: #393000; --ct-sys-color-secondary-solved: #dcc664; --ct-sys-color-on-tertiary-solved: #00382e; --ct-sys-color-tertiary-solved: #79d8c1; --ct-sys-color-on-error-solved: #690005; --ct-sys-color-error-solved: #ffb4ab; --ct-sys-color-on-information-solved: #003451; --ct-sys-color-information-solved: #a4cbee; --ct-sys-color-on-success-solved: #00391a; --ct-sys-color-success-solved: #a3d2ac; --ct-sys-color-on-warning-solved: #3f2e00; --ct-sys-color-warning-solved: #e3c37e; --ct-sys-color-on-surface-solved: #f0dedd; --ct-sys-color-surface-solved: #1a1111; --ct-sys-color-background-solved: #1a1111; --ct-sys-color-surface-dim-solved: #1a1111; --ct-sys-color-surface-bright-solved: #423736; --ct-sys-color-surface-container-lowest-solved: #140c0c; --ct-sys-color-surface-container-low-solved: #231919; --ct-sys-color-surface-container-solved: #271d1d; --ct-sys-color-surface-container-high-solved: #322827; --ct-sys-color-surface-container-highest-solved: #3d3232; --ct-sys-color-on-surface-variant-solved: #d7c1c0; } [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-error-hover: #ffb4ab; --ct-sys-color-error-pressed: #ffbcb4; --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-error-container-hover: #ffdad6; --ct-sys-color-on-error-container-pressed: #ffdad6; --ct-sys-color-on-error-container-state-layer: #ffdad6; --ct-sys-color-on-error-hover: #690005; --ct-sys-color-on-error-pressed: #690005; --ct-sys-color-on-error-state-layer: #690005; --ct-sys-color-on-information: #003451; --ct-sys-color-on-information-container: #d7e4f2; --ct-sys-color-on-information-container-hover: #d7e4f2; --ct-sys-color-on-information-container-pressed: #d7e4f2; --ct-sys-color-on-information-container-state-layer: #d7e4f2; --ct-sys-color-on-information-hover: #003451; --ct-sys-color-on-information-pressed: #003451; --ct-sys-color-on-information-state-layer: #003451; --ct-sys-color-on-primary: #003823; --ct-sys-color-on-primary-container: #86f9be; --ct-sys-color-on-primary-container-hover: #86f9be; --ct-sys-color-on-primary-container-pressed: #86f9be; --ct-sys-color-on-primary-container-selected: #86f9be; --ct-sys-color-on-primary-container-selected-hover: #8cffc3; --ct-sys-color-on-primary-container-selected-pressed: #f6fff6; --ct-sys-color-on-primary-container-state-layer: #86f9be; --ct-sys-color-on-primary-fixed: #002112; --ct-sys-color-on-primary-fixed-variant: #005234; --ct-sys-color-on-primary-hover: #003823; --ct-sys-color-on-primary-pressed: #003823; --ct-sys-color-on-primary-state-layer: #003823; --ct-sys-color-on-secondary: #00344f; --ct-sys-color-on-secondary-container: #cae6ff; --ct-sys-color-on-secondary-container-hover: #cae6ff; --ct-sys-color-on-secondary-container-pressed: #cae6ff; --ct-sys-color-on-secondary-container-selected: #cae6ff; --ct-sys-color-on-secondary-container-selected-hover: #d5ebff; --ct-sys-color-on-secondary-container-selected-pressed: #fcfcff; --ct-sys-color-on-secondary-container-state-layer: #cae6ff; --ct-sys-color-on-secondary-fixed: #001e30; --ct-sys-color-on-secondary-fixed-variant: #004b70; --ct-sys-color-on-secondary-hover: #00344f; --ct-sys-color-on-secondary-pressed: #00344f; --ct-sys-color-on-secondary-state-layer: #00344f; --ct-sys-color-on-success: #00391a; --ct-sys-color-on-success-container: #d6e7d5; --ct-sys-color-on-success-container-hover: #d6e7d5; --ct-sys-color-on-success-container-pressed: #d6e7d5; --ct-sys-color-on-success-container-state-layer: #d6e7d5; --ct-sys-color-on-success-hover: #00391a; --ct-sys-color-on-success-pressed: #00391a; --ct-sys-color-on-success-state-layer: #00391a; --ct-sys-color-on-surface: #dee4de; --ct-sys-color-on-surface-hover: #dee4de; --ct-sys-color-on-surface-pressed: #dee4de; --ct-sys-color-on-surface-selected-hover: #dee4de; --ct-sys-color-on-surface-selected-pressed: #e9efe9; --ct-sys-color-on-surface-selected-state-layer: #dee4de; --ct-sys-color-on-surface-variant: #c0c9c1; --ct-sys-color-on-surface-variant-hover: #c0c9c1; --ct-sys-color-on-surface-variant-pressed: #c6cfc6; --ct-sys-color-on-tertiary: #54006d; --ct-sys-color-on-tertiary-container: #fbd7ff; --ct-sys-color-on-tertiary-container-hover: #fbd7ff; --ct-sys-color-on-tertiary-container-pressed: #fbd7ff; --ct-sys-color-on-tertiary-container-state-layer: #fbd7ff; --ct-sys-color-on-tertiary-fixed: #330044; --ct-sys-color-on-tertiary-fixed-variant: #701f8a; --ct-sys-color-on-tertiary-hover: #54006d; --ct-sys-color-on-tertiary-pressed: #54006d; --ct-sys-color-on-tertiary-state-layer: #54006d; --ct-sys-color-on-warning: #3f2e00; --ct-sys-color-on-warning-container: #f2e0c2; --ct-sys-color-on-warning-container-hover: #f2e0c2; --ct-sys-color-on-warning-container-pressed: #f2e0c2; --ct-sys-color-on-warning-container-state-layer: #f2e0c2; --ct-sys-color-on-warning-hover: #3f2e00; --ct-sys-color-on-warning-pressed: #3f2e00; --ct-sys-color-on-warning-state-layer: #3f2e00; --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-hover: #87d7ac; --ct-sys-color-primary-palette-key-color: #049462; --ct-sys-color-primary-pressed: #8cddb1; --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-hover: #8dcdff; --ct-sys-color-secondary-palette-key-color: #0289c8; --ct-sys-color-secondary-pressed: #9ad2ff; --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-hover: #ebb4f6; --ct-sys-color-tertiary-palette-key-color: #a655bf; --ct-sys-color-tertiary-pressed: #f1b9fc; --ct-sys-color-warning: #e3c37e; --ct-sys-color-warning-container: #643f00; --ct-sys-color-on-primary-container-solved: #86f9be; --ct-sys-color-primary-container-solved: #344c3e; --ct-sys-color-on-secondary-container-solved: #cae6ff; --ct-sys-color-secondary-container-solved: #364958; --ct-sys-color-on-tertiary-container-solved: #fbd7ff; --ct-sys-color-tertiary-container-solved: #3b2b3e; --ct-sys-color-on-error-container-solved: #ffdad6; --ct-sys-color-error-container-solved: #93000a; --ct-sys-color-on-information-container-solved: #d7e4f2; --ct-sys-color-information-container-solved: #004b72; --ct-sys-color-on-success-container-solved: #d6e7d5; --ct-sys-color-success-container-solved: #005229; --ct-sys-color-on-warning-container-solved: #f2e0c2; --ct-sys-color-warning-container-solved: #643f00; --ct-sys-color-on-primary-solved: #003823; --ct-sys-color-primary-solved: #87d7ac; --ct-sys-color-on-secondary-solved: #00344f; --ct-sys-color-secondary-solved: #8dcdff; --ct-sys-color-on-tertiary-solved: #54006d; --ct-sys-color-tertiary-solved: #ebb4f6; --ct-sys-color-on-error-solved: #690005; --ct-sys-color-error-solved: #ffb4ab; --ct-sys-color-on-information-solved: #003451; --ct-sys-color-information-solved: #a4cbee; --ct-sys-color-on-success-solved: #00391a; --ct-sys-color-success-solved: #a3d2ac; --ct-sys-color-on-warning-solved: #3f2e00; --ct-sys-color-warning-solved: #e3c37e; --ct-sys-color-on-surface-solved: #dee4de; --ct-sys-color-surface-solved: #0f1511; --ct-sys-color-background-solved: #0f1511; --ct-sys-color-surface-dim-solved: #0f1511; --ct-sys-color-surface-bright-solved: #353b36; --ct-sys-color-surface-container-lowest-solved: #0a0f0c; --ct-sys-color-surface-container-low-solved: #171d19; --ct-sys-color-surface-container-solved: #1b211d; --ct-sys-color-surface-container-high-solved: #262b27; --ct-sys-color-surface-container-highest-solved: #303632; --ct-sys-color-on-surface-variant-solved: #c0c9c1; } [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-error-hover: #ffb4ab; --ct-sys-color-error-pressed: #ffbcb4; --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-error-container-hover: #ffdad6; --ct-sys-color-on-error-container-pressed: #ffdad6; --ct-sys-color-on-error-container-state-layer: #ffdad6; --ct-sys-color-on-error-hover: #690005; --ct-sys-color-on-error-pressed: #690005; --ct-sys-color-on-error-state-layer: #690005; --ct-sys-color-on-information: #003451; --ct-sys-color-on-information-container: #d7e4f2; --ct-sys-color-on-information-container-hover: #d7e4f2; --ct-sys-color-on-information-container-pressed: #d7e4f2; --ct-sys-color-on-information-container-state-layer: #d7e4f2; --ct-sys-color-on-information-hover: #003451; --ct-sys-color-on-information-pressed: #003451; --ct-sys-color-on-information-state-layer: #003451; --ct-sys-color-on-primary: #611200; --ct-sys-color-on-primary-container: #ffdad2; --ct-sys-color-on-primary-container-hover: #ffdad2; --ct-sys-color-on-primary-container-pressed: #ffdad2; --ct-sys-color-on-primary-container-selected: #ffdad2; --ct-sys-color-on-primary-container-selected-hover: #ffe1db; --ct-sys-color-on-primary-container-selected-pressed: #fffaff; --ct-sys-color-on-primary-container-state-layer: #ffdad2; --ct-sys-color-on-primary-fixed: #3c0700; --ct-sys-color-on-primary-fixed-variant: #891d00; --ct-sys-color-on-primary-hover: #611200; --ct-sys-color-on-primary-pressed: #611200; --ct-sys-color-on-primary-state-layer: #611200; --ct-sys-color-on-secondary: #313300; --ct-sys-color-on-secondary-container: #e6ea62; --ct-sys-color-on-secondary-container-hover: #e6ea62; --ct-sys-color-on-secondary-container-pressed: #e6ea62; --ct-sys-color-on-secondary-container-selected: #e6ea62; --ct-sys-color-on-secondary-container-selected-hover: #edf168; --ct-sys-color-on-secondary-container-selected-pressed: #fffdff; --ct-sys-color-on-secondary-container-state-layer: #e6ea62; --ct-sys-color-on-secondary-fixed: #1c1d00; --ct-sys-color-on-secondary-fixed-variant: #484a00; --ct-sys-color-on-secondary-hover: #313300; --ct-sys-color-on-secondary-pressed: #313300; --ct-sys-color-on-secondary-state-layer: #313300; --ct-sys-color-on-success: #00391a; --ct-sys-color-on-success-container: #d6e7d5; --ct-sys-color-on-success-container-hover: #d6e7d5; --ct-sys-color-on-success-container-pressed: #d6e7d5; --ct-sys-color-on-success-container-state-layer: #d6e7d5; --ct-sys-color-on-success-hover: #00391a; --ct-sys-color-on-success-pressed: #00391a; --ct-sys-color-on-success-state-layer: #00391a; --ct-sys-color-on-surface: #f1dfda; --ct-sys-color-on-surface-hover: #f1dfda; --ct-sys-color-on-surface-pressed: #f1dfda; --ct-sys-color-on-surface-selected-hover: #f1dfda; --ct-sys-color-on-surface-selected-pressed: #fdeae5; --ct-sys-color-on-surface-selected-state-layer: #f1dfda; --ct-sys-color-on-surface-variant: #d8c2bd; --ct-sys-color-on-surface-variant-hover: #d8c2bd; --ct-sys-color-on-surface-variant-pressed: #dec8c2; --ct-sys-color-on-tertiary: #003735; --ct-sys-color-on-tertiary-container: #84f5ef; --ct-sys-color-on-tertiary-container-hover: #84f5ef; --ct-sys-color-on-tertiary-container-pressed: #84f5ef; --ct-sys-color-on-tertiary-container-state-layer: #84f5ef; --ct-sys-color-on-tertiary-fixed: #00201f; --ct-sys-color-on-tertiary-fixed-variant: #00504d; --ct-sys-color-on-tertiary-hover: #003735; --ct-sys-color-on-tertiary-pressed: #003735; --ct-sys-color-on-tertiary-state-layer: #003735; --ct-sys-color-on-warning: #3f2e00; --ct-sys-color-on-warning-container: #f2e0c2; --ct-sys-color-on-warning-container-hover: #f2e0c2; --ct-sys-color-on-warning-container-pressed: #f2e0c2; --ct-sys-color-on-warning-container-state-layer: #f2e0c2; --ct-sys-color-on-warning-hover: #3f2e00; --ct-sys-color-on-warning-pressed: #3f2e00; --ct-sys-color-on-warning-state-layer: #3f2e00; --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-hover: #ffa690; --ct-sys-color-primary-palette-key-color: #fb3d00; --ct-sys-color-primary-pressed: #ffbcac; --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-hover: #cacc6d; --ct-sys-color-secondary-palette-key-color: #8b8e00; --ct-sys-color-secondary-pressed: #d0d272; --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-hover: #73d7d1; --ct-sys-color-tertiary-palette-key-color: #049994; --ct-sys-color-tertiary-pressed: #79ddd7; --ct-sys-color-warning: #e3c37e; --ct-sys-color-warning-container: #643f00; --ct-sys-color-on-primary-container-solved: #ffdad2; --ct-sys-color-primary-container-solved: #5f3e36; --ct-sys-color-on-secondary-container-solved: #e6ea62; --ct-sys-color-secondary-container-solved: #48492a; --ct-sys-color-on-tertiary-container-solved: #84f5ef; --ct-sys-color-tertiary-container-solved: #173533; --ct-sys-color-on-error-container-solved: #ffdad6; --ct-sys-color-error-container-solved: #93000a; --ct-sys-color-on-information-container-solved: #d7e4f2; --ct-sys-color-information-container-solved: #004b72; --ct-sys-color-on-success-container-solved: #d6e7d5; --ct-sys-color-success-container-solved: #005229; --ct-sys-color-on-warning-container-solved: #f2e0c2; --ct-sys-color-warning-container-solved: #643f00; --ct-sys-color-on-primary-solved: #611200; --ct-sys-color-primary-solved: #ffa690; --ct-sys-color-on-secondary-solved: #313300; --ct-sys-color-secondary-solved: #cacc6d; --ct-sys-color-on-tertiary-solved: #003735; --ct-sys-color-tertiary-solved: #73d7d1; --ct-sys-color-on-error-solved: #690005; --ct-sys-color-error-solved: #ffb4ab; --ct-sys-color-on-information-solved: #003451; --ct-sys-color-information-solved: #a4cbee; --ct-sys-color-on-success-solved: #00391a; --ct-sys-color-success-solved: #a3d2ac; --ct-sys-color-on-warning-solved: #3f2e00; --ct-sys-color-warning-solved: #e3c37e; --ct-sys-color-on-surface-solved: #f1dfda; --ct-sys-color-surface-solved: #1a110f; --ct-sys-color-background-solved: #1a110f; --ct-sys-color-surface-dim-solved: #1a110f; --ct-sys-color-surface-bright-solved: #423734; --ct-sys-color-surface-container-lowest-solved: #140c0a; --ct-sys-color-surface-container-low-solved: #231917; --ct-sys-color-surface-container-solved: #271d1b; --ct-sys-color-surface-container-high-solved: #322825; --ct-sys-color-surface-container-highest-solved: #3d3230; --ct-sys-color-on-surface-variant-solved: #d8c2bd; } } @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-error-hover: light-dark(#ad0d12, #ffb4ab); --ct-sys-color-error-pressed: light-dark(#9a000a, #ffbab2); --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-error-container-hover: light-dark(#93000a, #ffdad6); --ct-sys-color-on-error-container-pressed: light-dark(#93000a, #ffdad6); --ct-sys-color-on-error-container-state-layer: light-dark(#93000a, #ffdad6); --ct-sys-color-on-error-hover: light-dark(#ffffff, #690005); --ct-sys-color-on-error-pressed: light-dark(#ffffff, #690005); --ct-sys-color-on-error-state-layer: light-dark(#ffffff, #690005); --ct-sys-color-on-information: light-dark(#ffffff, #003451); --ct-sys-color-on-information-container: light-dark(#004b72, #d7e4f2); --ct-sys-color-on-information-container-hover: light-dark(#004b72, #d7e4f2); --ct-sys-color-on-information-container-pressed: light-dark(#004b72, #d7e4f2); --ct-sys-color-on-information-container-state-layer: light-dark(#004b72, #d7e4f2); --ct-sys-color-on-information-hover: light-dark(#ffffff, #003451); --ct-sys-color-on-information-pressed: light-dark(#ffffff, #003451); --ct-sys-color-on-information-state-layer: light-dark(#000000, #003451); --ct-sys-color-on-primary: light-dark(#ffffff, #003259); --ct-sys-color-on-primary-container: light-dark(#00497f, #d2e4ff); --ct-sys-color-on-primary-container-hover: light-dark(#00497f, #d2e4ff); --ct-sys-color-on-primary-container-pressed: light-dark(#00497f, #d2e4ff); --ct-sys-color-on-primary-container-selected: light-dark(#00497f, #d2e4ff); --ct-sys-color-on-primary-container-selected-hover: light-dark(#00497f, #deebff); --ct-sys-color-on-primary-container-selected-pressed: light-dark(#004477, #fdfcff); --ct-sys-color-on-primary-container-state-layer: 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-primary-hover: light-dark(#ffffff, #003259); --ct-sys-color-on-primary-pressed: light-dark(#ffffff, #003259); --ct-sys-color-on-primary-state-layer: light-dark(#000000, #003259); --ct-sys-color-on-secondary: light-dark(#ffffff, #5b005a); --ct-sys-color-on-secondary-container: light-dark(#810080, #ffd7f5); --ct-sys-color-on-secondary-container-hover: light-dark(#810080, #ffd7f5); --ct-sys-color-on-secondary-container-pressed: light-dark(#810080, #ffd7f5); --ct-sys-color-on-secondary-container-selected: light-dark(#810080, #ffd7f5); --ct-sys-color-on-secondary-container-selected-hover: light-dark(#810080, #ffdff6); --ct-sys-color-on-secondary-container-selected-pressed: light-dark(#750174, #fffbff); --ct-sys-color-on-secondary-container-state-layer: 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-secondary-hover: light-dark(#ffffff, #5b005a); --ct-sys-color-on-secondary-pressed: light-dark(#ffffff, #5b005a); --ct-sys-color-on-secondary-state-layer: light-dark(#000000, #5b005a); --ct-sys-color-on-success: light-dark(#ffffff, #00391a); --ct-sys-color-on-success-container: light-dark(#005229, #d6e7d5); --ct-sys-color-on-success-container-hover: light-dark(#005229, #d6e7d5); --ct-sys-color-on-success-container-pressed: light-dark(#005229, #d6e7d5); --ct-sys-color-on-success-container-state-layer: light-dark(#005229, #d6e7d5); --ct-sys-color-on-success-hover: light-dark(#ffffff, #00391a); --ct-sys-color-on-success-pressed: light-dark(#ffffff, #00391a); --ct-sys-color-on-success-state-layer: light-dark(#000000, #00391a); --ct-sys-color-on-surface: light-dark(#191c20, #e1e2e8); --ct-sys-color-on-surface-hover: light-dark(#191c20, #e1e2e8); --ct-sys-color-on-surface-pressed: light-dark(#191c20, #e1e2e8); --ct-sys-color-on-surface-selected-hover: light-dark(#191c20, #e1e2e8); --ct-sys-color-on-surface-selected-pressed: light-dark(#191c20, #ebecf2); --ct-sys-color-on-surface-selected-state-layer: light-dark(#191c20, #e1e2e8); --ct-sys-color-on-surface-variant: light-dark(#43474e, #c3c6cf); --ct-sys-color-on-surface-variant-hover: light-dark(#43474e, #c3c6cf); --ct-sys-color-on-surface-variant-pressed: light-dark(#43474e, #c9ccd5); --ct-sys-color-on-tertiary: light-dark(#ffffff, #4f2500); --ct-sys-color-on-tertiary-container: light-dark(#703700, #ffdcc5); --ct-sys-color-on-tertiary-container-hover: light-dark(#703700, #ffdcc5); --ct-sys-color-on-tertiary-container-pressed: light-dark(#703700, #ffdcc5); --ct-sys-color-on-tertiary-container-state-layer: 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-tertiary-hover: light-dark(#ffffff, #4f2500); --ct-sys-color-on-tertiary-pressed: light-dark(#ffffff, #4f2500); --ct-sys-color-on-tertiary-state-layer: light-dark(#000000, #4f2500); --ct-sys-color-on-warning: light-dark(#ffffff, #3f2e00); --ct-sys-color-on-warning-container: light-dark(#5b4300, #f2e0c2); --ct-sys-color-on-warning-container-hover: light-dark(#5b4300, #f2e0c2); --ct-sys-color-on-warning-container-pressed: light-dark(#5b4300, #f2e0c2); --ct-sys-color-on-warning-container-state-layer: light-dark(#5b4300, #f2e0c2); --ct-sys-color-on-warning-hover: light-dark(#ffffff, #3f2e00); --ct-sys-color-on-warning-pressed: light-dark(#ffffff, #3f2e00); --ct-sys-color-on-warning-state-layer: light-dark(#000000, #3f2e00); --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-hover: light-dark(#005898, #94c2fd); --ct-sys-color-primary-palette-key-color: light-dark(#0397fe, #0397fe); --ct-sys-color-primary-pressed: light-dark(#004c85, #aaceff); --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-hover: light-dark(#813c7b, #f6b0ea); --ct-sys-color-secondary-palette-key-color: light-dark(#f505f3, #f505f3); --ct-sys-color-secondary-pressed: light-dark(#742f6e, #fbb4ee); --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-hover: light-dark(#864300, #feac6e); --ct-sys-color-tertiary-palette-key-color: light-dark(#e37600, #e37600); --ct-sys-color-tertiary-pressed: light-dark(#743a01, #ffbd8d); --ct-sys-color-warning: light-dark(#845400, #e3c37e); --ct-sys-color-warning-container: light-dark(#f2e0c2, #643f00); --ct-sys-color-on-primary-container-solved: light-dark(#00497f, #d2e4ff); --ct-sys-color-primary-container-solved: light-dark(#d2e4fe, #3a485b); --ct-sys-color-on-secondary-container-solved: light-dark(#810080, #ffd7f5); --ct-sys-color-secondary-container-solved: light-dark(#fcd8f3, #564052); --ct-sys-color-on-tertiary-container-solved: light-dark(#703700, #ffdcc5); --ct-sys-color-tertiary-container-solved: light-dark(#ffdcc5, #5d402c); --ct-sys-color-on-error-container-solved: light-dark(#93000a, #ffdad6); --ct-sys-color-error-container-solved: light-dark(#ffdad6, #93000a); --ct-sys-color-on-information-container-solved: light-dark(#004b72, #d7e4f2); --ct-sys-color-information-container-solved: light-dark(#d7e4f2, #004b72); --ct-sys-color-on-success-container-solved: light-dark(#005229, #d6e7d5); --ct-sys-color-success-container-solved: light-dark(#d6e7d5, #005229); --ct-sys-color-on-warning-container-solved: light-dark(#5b4300, #f2e0c2); --ct-sys-color-warning-container-solved: light-dark(#f2e0c2, #643f00); --ct-sys-color-on-primary-solved: light-dark(#ffffff, #003259); --ct-sys-color-primary-solved: light-dark(#0b61a4, #94c2fd); --ct-sys-color-on-secondary-solved: light-dark(#ffffff, #5b005a); --ct-sys-color-secondary-solved: light-dark(#8b4484, #f6b0ea); --ct-sys-color-on-tertiary-solved: light-dark(#ffffff, #4f2500); --ct-sys-color-tertiary-solved: light-dark(#964c00, #feac6e); --ct-sys-color-on-error-solved: light-dark(#ffffff, #690005); --ct-sys-color-error-solved: light-dark(#ba1a1a, #ffb4ab); --ct-sys-color-on-information-solved: light-dark(#ffffff, #003451); --ct-sys-color-information-solved: light-dark(#006496, #a4cbee); --ct-sys-color-on-success-solved: light-dark(#ffffff, #00391a); --ct-sys-color-success-solved: light-dark(#006d38, #a3d2ac); --ct-sys-color-on-warning-solved: light-dark(#ffffff, #3f2e00); --ct-sys-color-warning-solved: light-dark(#845400, #e3c37e); --ct-sys-color-on-surface-solved: light-dark(#191c20, #e1e2e8); --ct-sys-color-surface-solved: light-dark(#ffffff, #000000); --ct-sys-color-background-solved: light-dark(#ffffff, #000000); --ct-sys-color-surface-dim-solved: light-dark(#d8dae0, #111418); --ct-sys-color-surface-bright-solved: light-dark(#f8f9ff, #36393e); --ct-sys-color-surface-container-lowest-solved: light-dark(#ffffff, #0b0e13); --ct-sys-color-surface-container-low-solved: light-dark(#f2f3fa, #191c20); --ct-sys-color-surface-container-solved: light-dark(#eceef4, #1d2024); --ct-sys-color-surface-container-high-solved: light-dark(#e7e8ee, #272a2f); --ct-sys-color-surface-container-highest-solved: light-dark(#e1e2e8, #32353a); --ct-sys-color-on-surface-variant-solved: light-dark(#43474e, #c3c6cf); } :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-error-hover: light-dark(#ad0d12, #ffb4ab); --ct-sys-color-error-pressed: light-dark(#98000a, #ffbab2); --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-error-container-hover: light-dark(#93000a, #ffdad6); --ct-sys-color-on-error-container-pressed: light-dark(#93000a, #ffdad6); --ct-sys-color-on-error-container-state-layer: light-dark(#93000a, #ffdad6); --ct-sys-color-on-error-hover: light-dark(#ffffff, #690005); --ct-sys-color-on-error-pressed: light-dark(#ffffff, #690005); --ct-sys-color-on-error-state-layer: light-dark(#ffffff, #690005); --ct-sys-color-on-information: light-dark(#ffffff, #003451); --ct-sys-color-on-information-container: light-dark(#004b72, #d7e4f2); --ct-sys-color-on-information-container-hover: light-dark(#004b72, #d7e4f2); --ct-sys-color-on-information-container-pressed: light-dark(#004b72, #d7e4f2); --ct-sys-color-on-information-container-state-layer: light-dark(#004b72, #d7e4f2); --ct-sys-color-on-information-hover: light-dark(#ffffff, #003451); --ct-sys-color-on-information-pressed: light-dark(#ffffff, #003451); --ct-sys-color-on-information-state-layer: light-dark(#000000, #003451); --ct-sys-color-on-primary: light-dark(#ffffff, #330099); --ct-sys-color-on-primary-container: light-dark(#4a21bd, #e6deff); --ct-sys-color-on-primary-container-hover: light-dark(#4a21bd, #e6deff); --ct-sys-color-on-primary-container-pressed: light-dark(#4a21bd, #e6deff); --ct-sys-color-on-primary-container-selected: light-dark(#4a21bd, #e6deff); --ct-sys-color-on-primary-container-selected-hover: light-dark(#4a21bd, #ece4ff); --ct-sys-color-on-primary-container-selected-pressed: light-dark(#4416b7, #fffbff); --ct-sys-color-on-primary-container-state-layer: 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-primary-hover: light-dark(#ffffff, #330099); --ct-sys-color-on-primary-pressed: light-dark(#ffffff, #330099); --ct-sys-color-on-primary-state-layer: light-dark(#000000, #330099); --ct-sys-color-on-secondary: light-dark(#ffffff, #68001a); --ct-sys-color-on-secondary-container: light-dark(#920028, #ffdada); --ct-sys-color-on-secondary-container-hover: light-dark(#920028, #ffdada); --ct-sys-color-on-secondary-container-pressed: light-dark(#920028, #ffdada); --ct-sys-color-on-secondary-container-selected: light-dark(#920028, #ffdada); --ct-sys-color-on-secondary-container-selected-hover: light-dark(#920028, #ffe2e1); --ct-sys-color-on-secondary-container-selected-pressed: light-dark(#830023, #fffbff); --ct-sys-color-on-secondary-container-state-layer: 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-secondary-hover: light-dark(#ffffff, #68001a); --ct-sys-color-on-secondary-pressed: light-dark(#ffffff, #68001a); --ct-sys-color-on-secondary-state-layer: light-dark(#000000, #68001a); --ct-sys-color-on-success: light-dark(#ffffff, #00391a); --ct-sys-color-on-success-container: light-dark(#005229, #d6e7d5); --ct-sys-color-on-success-container-hover: light-dark(#005229, #d6e7d5); --ct-sys-color-on-success-container-pressed: light-dark(#005229, #d6e7d5); --ct-sys-color-on-success-container-state-layer: light-dark(#005229, #d6e7d5); --ct-sys-color-on-success-hover: light-dark(#ffffff, #00391a); --ct-sys-color-on-success-pressed: light-dark(#ffffff, #00391a); --ct-sys-color-on-success-state-layer: light-dark(#000000, #00391a); --ct-sys-color-on-surface: light-dark(#1c1b20, #e6e1e9); --ct-sys-color-on-surface-hover: light-dark(#1c1b20, #e6e1e9); --ct-sys-color-on-surface-pressed: light-dark(#1c1b20, #e6e1e9); --ct-sys-color-on-surface-selected-hover: light-dark(#1c1b20, #e6e1e9); --ct-sys-color-on-surface-selected-pressed: light-dark(#1c1b20, #f0ebf3); --ct-sys-color-on-surface-selected-state-layer: light-dark(#1c1b20, #e6e1e9); --ct-sys-color-on-surface-variant: light-dark(#48454e, #c9c4d0); --ct-sys-color-on-surface-variant-hover: light-dark(#48454e, #c9c4d0); --ct-sys-color-on-surface-variant-pressed: light-dark(#48454e, #cfcad6); --ct-sys-color-on-tertiary: light-dark(#ffffff, #3b2f00); --ct-sys-color-on-tertiary-container: light-dark(#554500, #ffe179); --ct-sys-color-on-tertiary-container-hover: light-dark(#554500, #ffe179); --ct-sys-color-on-tertiary-container-pressed: light-dark(#554500, #ffe179); --ct-sys-color-on-tertiary-container-state-layer: 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-tertiary-hover: light-dark(#ffffff, #3b2f00); --ct-sys-color-on-tertiary-pressed: light-dark(#ffffff, #3b2f00); --ct-sys-color-on-tertiary-state-layer: light-dark(#000000, #3b2f00); --ct-sys-color-on-warning: light-dark(#ffffff, #3f2e00); --ct-sys-color-on-warning-container: light-dark(#5b4300, #f2e0c2); --ct-sys-color-on-warning-container-hover: light-dark(#5b4300, #f2e0c2); --ct-sys-color-on-warning-container-pressed: light-dark(#5b4300, #f2e0c2); --ct-sys-color-on-warning-container-state-layer: light-dark(#5b4300, #f2e0c2); --ct-sys-color-on-warning-hover: light-dark(#ffffff, #3f2e00); --ct-sys-color-on-warning-pressed: light-dark(#ffffff, #3f2e00); --ct-sys-color-on-warning-state-layer: light-dark(#000000, #3f2e00); --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-hover: light-dark(#59489d, #c4b6ff); --ct-sys-color-primary-palette-key-color: light-dark(#7c5df0, #7c5df0); --ct-sys-color-primary-pressed: light-dark(#4d3c90, #d0c4ff); --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-hover: light-dark(#913841, #ffa7ab); --ct-sys-color-secondary-palette-key-color: light-dark(#ec0848, #ec0848); --ct-sys-color-secondary-pressed: light-dark(#822c36, #ffb9bc); --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-hover: light-dark(#675400, #e1c562); --ct-sys-color-tertiary-palette-key-color: light-dark(#9d8102, #9d8102); --ct-sys-color-tertiary-pressed: light-dark(#594800, #e7cb67); --ct-sys-color-warning: light-dark(#845400, #e3c37e); --ct-sys-color-warning-container: light-dark(#f2e0c2, #643f00); --ct-sys-color-on-primary-container-solved: light-dark(#4a21bd, #e6deff); --ct-sys-color-primary-container-solved: light-dark(#e6deff, #48435b); --ct-sys-color-on-secondary-container-solved: light-dark(#920028, #ffdada); --ct-sys-color-secondary-container-solved: light-dark(#ffdada, #5f3e40); --ct-sys-color-on-tertiary-container-solved: light-dark(#554500, #ffe179); --ct-sys-color-tertiary-container-solved: light-dark(#f2e2b1, #4f4626); --ct-sys-color-on-error-container-solved: light-dark(#93000a, #ffdad6); --ct-sys-color-error-container-solved: light-dark(#ffdad6, #93000a); --ct-sys-color-on-information-container-solved: light-dark(#004b72, #d7e4f2); --ct-sys-color-information-container-solved: light-dark(#d7e4f2, #004b72); --ct-sys-color-on-success-container-solved: light-dark(#005229, #d6e7d5); --ct-sys-color-success-container-solved: light-dark(#d6e7d5, #005229); --ct-sys-color-on-warning-container-solved: light-dark(#5b4300, #f2e0c2); --ct-sys-color-warning-container-solved: light-dark(#f2e0c2, #643f00); --ct-sys-color-on-primary-solved: light-dark(#ffffff, #330099); --ct-sys-color-primary-solved: light-dark(#6251a6, #c4b6ff); --ct-sys-color-on-secondary-solved: light-dark(#ffffff, #68001a); --ct-sys-color-secondary-solved: light-dark(#9c4049, #ffa7ab); --ct-sys-color-on-tertiary-solved: light-dark(#ffffff, #3b2f00); --ct-sys-color-tertiary-solved: light-dark(#786200, #e1c562); --ct-sys-color-on-error-solved: light-dark(#ffffff, #690005); --ct-sys-color-error-solved: light-dark(#ba1a1a, #ffb4ab); --ct-sys-color-on-information-solved: light-dark(#ffffff, #003451); --ct-sys-color-information-solved: light-dark(#006496, #a4cbee); --ct-sys-color-on-success-solved: light-dark(#ffffff, #00391a); --ct-sys-color-success-solved: light-dark(#006d38, #a3d2ac); --ct-sys-color-on-warning-solved: light-dark(#ffffff, #3f2e00); --ct-sys-color-warning-solved: light-dark(#845400, #e3c37e); --ct-sys-color-on-surface-solved: light-dark(#1c1b20, #e6e1e9); --ct-sys-color-surface-solved: light-dark(#ffffff, #000000); --ct-sys-color-background-solved: light-dark(#ffffff, #000000); --ct-sys-color-surface-dim-solved: light-dark(#ddd8e0, #141318); --ct-sys-color-surface-bright-solved: light-dark(#fdf8ff, #3a383e); --ct-sys-color-surface-container-lowest-solved: light-dark(#ffffff, #0f0d13); --ct-sys-color-surface-container-low-solved: light-dark(#f7f2fa, #1c1b20); --ct-sys-color-surface-container-solved: light-dark(#f1ecf4, #201f24); --ct-sys-color-surface-container-high-solved: light-dark(#ebe6ee, #2b292f); --ct-sys-color-surface-container-highest-solved: light-dark(#e6e1e9, #36343a); --ct-sys-color-on-surface-variant-solved: light-dark(#48454e, #c9c4d0); } :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-error-hover: light-dark(#ad0d12, #ffb4ab); --ct-sys-color-error-pressed: light-dark(#98000a, #ffbab2); --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-error-container-hover: light-dark(#93000a, #ffdad6); --ct-sys-color-on-error-container-pressed: light-dark(#93000a, #ffdad6); --ct-sys-color-on-error-container-state-layer: light-dark(#93000a, #ffdad6); --ct-sys-color-on-error-hover: light-dark(#ffffff, #690005); --ct-sys-color-on-error-pressed: light-dark(#ffffff, #690005); --ct-sys-color-on-error-state-layer: light-dark(#ffffff, #690005); --ct-sys-color-on-information: light-dark(#ffffff, #003451); --ct-sys-color-on-information-container: light-dark(#004b72, #d7e4f2); --ct-sys-color-on-information-container-hover: light-dark(#004b72, #d7e4f2); --ct-sys-color-on-information-container-pressed: light-dark(#004b72, #d7e4f2); --ct-sys-color-on-information-container-state-layer: light-dark(#004b72, #d7e4f2); --ct-sys-color-on-information-hover: light-dark(#ffffff, #003451); --ct-sys-color-on-information-pressed: light-dark(#ffffff, #003451); --ct-sys-color-on-information-state-layer: light-dark(#000000, #003451); --ct-sys-color-on-primary: light-dark(#ffffff, #5b005a); --ct-sys-color-on-primary-container: light-dark(#810180, #ffd7f5); --ct-sys-color-on-primary-container-hover: light-dark(#810180, #ffd7f5); --ct-sys-color-on-primary-container-pressed: light-dark(#810180, #ffd7f5); --ct-sys-color-on-primary-container-selected: light-dark(#810180, #ffd7f5); --ct-sys-color-on-primary-container-selected-hover: light-dark(#810180, #ffe1f6); --ct-sys-color-on-primary-container-selected-pressed: light-dark(#740073, #fffdff); --ct-sys-color-on-primary-container-state-layer: 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-primary-hover: light-dark(#ffffff, #5b005a); --ct-sys-color-on-primary-pressed: light-dark(#ffffff, #5b005a); --ct-sys-color-on-primary-state-layer: light-dark(#000000, #5b005a); --ct-sys-color-on-secondary: light-dark(#ffffff, #4f2500); --ct-sys-color-on-secondary-container: light-dark(#703700, #ffdcc5); --ct-sys-color-on-secondary-container-hover: light-dark(#703700, #ffdcc5); --ct-sys-color-on-secondary-container-pressed: light-dark(#703700, #ffdcc5); --ct-sys-color-on-secondary-container-selected: light-dark(#703700, #ffdcc5); --ct-sys-color-on-secondary-container-selected-hover: light-dark(#703700, #ffe3d1); --ct-sys-color-on-secondary-container-selected-pressed: light-dark(#693300, #fffbff); --ct-sys-color-on-secondary-container-state-layer: 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-secondary-hover: light-dark(#ffffff, #4f2500); --ct-sys-color-on-secondary-pressed: light-dark(#ffffff, #4f2500); --ct-sys-color-on-secondary-state-layer: light-dark(#000000, #4f2500); --ct-sys-color-on-success: light-dark(#ffffff, #00391a); --ct-sys-color-on-success-container: light-dark(#005229, #d6e7d5); --ct-sys-color-on-success-container-hover: light-dark(#005229, #d6e7d5); --ct-sys-color-on-success-container-pressed: light-dark(#005229, #d6e7d5); --ct-sys-color-on-success-container-state-layer: light-dark(#005229, #d6e7d5); --ct-sys-color-on-success-hover: light-dark(#ffffff, #00391a); --ct-sys-color-on-success-pressed: light-dark(#ffffff, #00391a); --ct-sys-color-on-success-state-layer: light-dark(#000000, #00391a); --ct-sys-color-on-surface: light-dark(#201a1e, #ecdfe5); --ct-sys-color-on-surface-hover: light-dark(#201a1e, #ecdfe5); --ct-sys-color-on-surface-pressed: light-dark(#201a1e, #ecdfe5); --ct-sys-color-on-surface-selected-hover: light-dark(#201a1e, #ecdfe5); --ct-sys-color-on-surface-selected-pressed: light-dark(#201a1e, #f6e9ef); --ct-sys-color-on-surface-selected-state-layer: light-dark(#201a1e, #ecdfe5); --ct-sys-color-on-surface-variant: light-dark(#4e444b, #d1c2cb); --ct-sys-color-on-surface-variant-hover: light-dark(#4e444b, #d1c2cb); --ct-sys-color-on-surface-variant-pressed: light-dark(#4e444b, #d7c8d1); --ct-sys-color-on-tertiary: light-dark(#ffffff, #193800); --ct-sys-color-on-tertiary-container: light-dark(#275000, #bdf291); --ct-sys-color-on-tertiary-container-hover: light-dark(#275000, #bdf291); --ct-sys-color-on-tertiary-container-pressed: light-dark(#275000, #bdf291); --ct-sys-color-on-tertiary-container-state-layer: 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-tertiary-hover: light-dark(#ffffff, #193800); --ct-sys-color-on-tertiary-pressed: light-dark(#ffffff, #193800); --ct-sys-color-on-tertiary-state-layer: light-dark(#000000, #193800); --ct-sys-color-on-warning: light-dark(#ffffff, #3f2e00); --ct-sys-color-on-warning-container: light-dark(#5b4300, #f2e0c2); --ct-sys-color-on-warning-container-hover: light-dark(#5b4300, #f2e0c2); --ct-sys-color-on-warning-container-pressed: light-dark(#5b4300, #f2e0c2); --ct-sys-color-on-warning-container-state-layer: light-dark(#5b4300, #f2e0c2); --ct-sys-color-on-warning-hover: light-dark(#ffffff, #3f2e00); --ct-sys-color-on-warning-pressed: light-dark(#ffffff, #3f2e00); --ct-sys-color-on-warning-state-layer: light-dark(#000000, #3f2e00); --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-hover: light-dark(#813c7b, #f6b0ea); --ct-sys-color-primary-palette-key-color: light-dark(#bc46b5, #bc46b5); --ct-sys-color-primary-pressed: light-dark(#742f6e, #fcb5f0); --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-hover: light-dark(#864300, #feac6e); --ct-sys-color-secondary-palette-key-color: light-dark(#ab662e, #ab662e); --ct-sys-color-secondary-pressed: light-dark(#743a01, #ffbd8d); --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-hover: light-dark(#366010, #aad386); --ct-sys-color-tertiary-palette-key-color: light-dark(#568331, #568331); --ct-sys-color-tertiary-pressed: light-dark(#2a5403, #afd98b); --ct-sys-color-warning: light-dark(#845400, #e3c37e); --ct-sys-color-warning-container: light-dark(#f2e0c2, #643f00); --ct-sys-color-on-primary-container-solved: light-dark(#810180, #ffd7f5); --ct-sys-color-primary-container-solved: light-dark(#fcd8f3, #564052); --ct-sys-color-on-secondary-container-solved: light-dark(#703700, #ffdcc5); --ct-sys-color-secondary-container-solved: light-dark(#ffdcc5, #5d402c); --ct-sys-color-on-tertiary-container-solved: light-dark(#275000, #bdf291); --ct-sys-color-tertiary-container-solved: light-dark(#d7e9c3, #3d4a31); --ct-sys-color-on-error-container-solved: light-dark(#93000a, #ffdad6); --ct-sys-color-error-container-solved: light-dark(#ffdad6, #93000a); --ct-sys-color-on-information-container-solved: light-dark(#004b72, #d7e4f2); --ct-sys-color-information-container-solved: light-dark(#d7e4f2, #004b72); --ct-sys-color-on-success-container-solved: light-dark(#005229, #d6e7d5); --ct-sys-color-success-container-solved: light-dark(#d6e7d5, #005229); --ct-sys-color-on-warning-container-solved: light-dark(#5b4300, #f2e0c2); --ct-sys-color-warning-container-solved: light-dark(#f2e0c2, #643f00); --ct-sys-color-on-primary-solved: light-dark(#ffffff, #5b005a); --ct-sys-color-primary-solved: light-dark(#8b4484, #f6b0ea); --ct-sys-color-on-secondary-solved: light-dark(#ffffff, #4f2500); --ct-sys-color-secondary-solved: light-dark(#964c00, #feac6e); --ct-sys-color-on-tertiary-solved: light-dark(#ffffff, #193800); --ct-sys-color-tertiary-solved: light-dark(#3e6919, #aad386); --ct-sys-color-on-error-solved: light-dark(#ffffff, #690005); --ct-sys-color-error-solved: light-dark(#ba1a1a, #ffb4ab); --ct-sys-color-on-information-solved: light-dark(#ffffff, #003451); --ct-sys-color-information-solved: light-dark(#006496, #a4cbee); --ct-sys-color-on-success-solved: light-dark(#ffffff, #00391a); --ct-sys-color-success-solved: light-dark(#006d38, #a3d2ac); --ct-sys-color-on-warning-solved: light-dark(#ffffff, #3f2e00); --ct-sys-color-warning-solved: light-dark(#845400, #e3c37e); --ct-sys-color-on-surface-solved: light-dark(#201a1e, #ecdfe5); --ct-sys-color-surface-solved: light-dark(#ffffff, #000000); --ct-sys-color-background-solved: light-dark(#ffffff, #000000); --ct-sys-color-surface-dim-solved: light-dark(#e3d7dd, #171216); --ct-sys-color-surface-bright-solved: light-dark(#fff7f9, #3e373c); --ct-sys-color-surface-container-lowest-solved: light-dark(#ffffff, #120d11); --ct-sys-color-surface-container-low-solved: light-dark(#fdf0f6, #201a1e); --ct-sys-color-surface-container-solved: light-dark(#f7eaf1, #241e22); --ct-sys-color-surface-container-high-solved: light-dark(#f1e5eb, #2f282d); --ct-sys-color-surface-container-highest-solved: light-dark(#ecdfe5, #3a3338); --ct-sys-color-on-surface-variant-solved: light-dark(#4e444b, #d1c2cb); } :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-error-hover: light-dark(#ad0d12, #ffb4ab); --ct-sys-color-error-pressed: light-dark(#98000a, #ffbcb4); --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-error-container-hover: light-dark(#93000a, #ffdad6); --ct-sys-color-on-error-container-pressed: light-dark(#93000a, #ffdad6); --ct-sys-color-on-error-container-state-layer: light-dark(#93000a, #ffdad6); --ct-sys-color-on-error-hover: light-dark(#ffffff, #690005); --ct-sys-color-on-error-pressed: light-dark(#ffffff, #690005); --ct-sys-color-on-error-state-layer: light-dark(#ffffff, #690005); --ct-sys-color-on-information: light-dark(#ffffff, #003451); --ct-sys-color-on-information-container: light-dark(#004b72, #d7e4f2); --ct-sys-color-on-information-container-hover: light-dark(#004b72, #d7e4f2); --ct-sys-color-on-information-container-pressed: light-dark(#004b72, #d7e4f2); --ct-sys-color-on-information-container-state-layer: light-dark(#004b72, #d7e4f2); --ct-sys-color-on-information-hover: light-dark(#ffffff, #003451); --ct-sys-color-on-information-pressed: light-dark(#ffffff, #003451); --ct-sys-color-on-information-state-layer: light-dark(#000000, #003451); --ct-sys-color-on-primary: light-dark(#ffffff, #68001a); --ct-sys-color-on-primary-container: light-dark(#8f0c2a, #ffdada); --ct-sys-color-on-primary-container-hover: light-dark(#8f0c2a, #ffdada); --ct-sys-color-on-primary-container-pressed: light-dark(#8f0c2a, #ffdada); --ct-sys-color-on-primary-container-selected: light-dark(#8f0c2a, #ffdada); --ct-sys-color-on-primary-container-selected-hover: light-dark(#8f0c2a, #ffe2e1); --ct-sys-color-on-primary-container-selected-pressed: light-dark(#850124, #fffbff); --ct-sys-color-on-primary-container-state-layer: 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-primary-hover: light-dark(#ffffff, #68001a); --ct-sys-color-on-primary-pressed: light-dark(#ffffff, #68001a); --ct-sys-color-on-primary-state-layer: light-dark(#000000, #68001a); --ct-sys-color-on-secondary: light-dark(#ffffff, #3b2f00); --ct-sys-color-on-secondary-container: light-dark(#554500, #fbe18e); --ct-sys-color-on-secondary-container-hover: light-dark(#554500, #fbe18e); --ct-sys-color-on-secondary-container-pressed: light-dark(#554500, #fbe18e); --ct-sys-color-on-secondary-container-selected: light-dark(#554500, #fbe18e); --ct-sys-color-on-secondary-container-selected-hover: light-dark(#554500, #ffe79c); --ct-sys-color-on-secondary-container-selected-pressed: light-dark(#504100, #fffbff); --ct-sys-color-on-secondary-container-state-layer: 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-secondary-hover: light-dark(#ffffff, #3b2f00); --ct-sys-color-on-secondary-pressed: light-dark(#ffffff, #3b2f00); --ct-sys-color-on-secondary-state-layer: light-dark(#000000, #3b2f00); --ct-sys-color-on-success: light-dark(#ffffff, #00391a); --ct-sys-color-on-success-container: light-dark(#005229, #d6e7d5); --ct-sys-color-on-success-container-hover: light-dark(#005229, #d6e7d5); --ct-sys-color-on-success-container-pressed: light-dark(#005229, #d6e7d5); --ct-sys-color-on-success-container-state-layer: light-dark(#005229, #d6e7d5); --ct-sys-color-on-success-hover: light-dark(#ffffff, #00391a); --ct-sys-color-on-success-pressed: light-dark(#ffffff, #00391a); --ct-sys-color-on-success-state-layer: light-dark(#000000, #00391a); --ct-sys-color-on-surface: light-dark(#22191a, #f0dede); --ct-sys-color-on-surface-hover: light-dark(#22191a, #f0dede); --ct-sys-color-on-surface-pressed: light-dark(#22191a, #f0dede); --ct-sys-color-on-surface-selected-hover: light-dark(#22191a, #f0dede); --ct-sys-color-on-surface-selected-pressed: light-dark(#22191a, #fce9e9); --ct-sys-color-on-surface-selected-state-layer: light-dark(#22191a, #f0dede); --ct-sys-color-on-surface-variant: light-dark(#524343, #d7c1c2); --ct-sys-color-on-surface-variant-hover: light-dark(#524343, #d7c1c2); --ct-sys-color-on-surface-variant-pressed: light-dark(#524343, #ddc6c7); --ct-sys-color-on-tertiary: light-dark(#ffffff, #00382b); --ct-sys-color-on-tertiary-container: light-dark(#005140, #acf0d9); --ct-sys-color-on-tertiary-container-hover: light-dark(#005140, #acf0d9); --ct-sys-color-on-tertiary-container-pressed: light-dark(#005140, #acf0d9); --ct-sys-color-on-tertiary-container-state-layer: 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-tertiary-hover: light-dark(#ffffff, #00382b); --ct-sys-color-on-tertiary-pressed: light-dark(#ffffff, #00382b); --ct-sys-color-on-tertiary-state-layer: light-dark(#000000, #00382b); --ct-sys-color-on-warning: light-dark(#ffffff, #3f2e00); --ct-sys-color-on-warning-container: light-dark(#5b4300, #f2e0c2); --ct-sys-color-on-warning-container-hover: light-dark(#5b4300, #f2e0c2); --ct-sys-color-on-warning-container-pressed: light-dark(#5b4300, #f2e0c2); --ct-sys-color-on-warning-container-state-layer: light-dark(#5b4300, #f2e0c2); --ct-sys-color-on-warning-hover: light-dark(#ffffff, #3f2e00); --ct-sys-color-on-warning-pressed: light-dark(#ffffff, #3f2e00); --ct-sys-color-on-warning-state-layer: light-dark(#000000, #3f2e00); --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-hover: light-dark(#913842, #ffa7ab); --ct-sys-color-primary-palette-key-color: light-dark(#d24356, #d24356); --ct-sys-color-primary-pressed: light-dark(#822c37, #ffbbbe); --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-hover: light-dark(#665400, #e1c562); --ct-sys-color-secondary-palette-key-color: light-dark(#8a762f, #8a762f); --ct-sys-color-secondary-pressed: light-dark(#584800, #e7cb67); --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-hover: light-dark(#03614e, #7cd8bb); --ct-sys-color-tertiary-palette-key-color: light-dark(#418370, #418370); --ct-sys-color-tertiary-pressed: light-dark(#015443, #82dec0); --ct-sys-color-warning: light-dark(#845400, #e3c37e); --ct-sys-color-warning-container: light-dark(#f2e0c2, #643f00); --ct-sys-color-on-primary-container-solved: light-dark(#8f0c2a, #ffdada); --ct-sys-color-primary-container-solved: light-dark(#ffdada, #5f3e40); --ct-sys-color-on-secondary-container-solved: light-dark(#554500, #fbe18e); --ct-sys-color-secondary-container-solved: light-dark(#f3e2b1, #4f4626); --ct-sys-color-on-tertiary-container-solved: light-dark(#005140, #acf0d9); --ct-sys-color-tertiary-container-solved: light-dark(#c6eadc, #304c43); --ct-sys-color-on-error-container-solved: light-dark(#93000a, #ffdad6); --ct-sys-color-error-container-solved: light-dark(#ffdad6, #93000a); --ct-sys-color-on-information-container-solved: light-dark(#004b72, #d7e4f2); --ct-sys-color-information-container-solved: light-dark(#d7e4f2, #004b72); --ct-sys-color-on-success-container-solved: light-dark(#005229, #d6e7d5); --ct-sys-color-success-container-solved: light-dark(#d6e7d5, #005229); --ct-sys-color-on-warning-container-solved: light-dark(#5b4300, #f2e0c2); --ct-sys-color-warning-container-solved: light-dark(#f2e0c2, #643f00); --ct-sys-color-on-primary-solved: light-dark(#ffffff, #68001a); --ct-sys-color-primary-solved: light-dark(#9c404a, #ffa7ab); --ct-sys-color-on-secondary-solved: light-dark(#ffffff, #3b2f00); --ct-sys-color-secondary-solved: light-dark(#786300, #e1c562); --ct-sys-color-on-tertiary-solved: light-dark(#ffffff, #00382b); --ct-sys-color-tertiary-solved: light-dark(#00735c, #7cd8bb); --ct-sys-color-on-error-solved: light-dark(#ffffff, #690005); --ct-sys-color-error-solved: light-dark(#ba1a1a, #ffb4ab); --ct-sys-color-on-information-solved: light-dark(#ffffff, #003451); --ct-sys-color-information-solved: light-dark(#006496, #a4cbee); --ct-sys-color-on-success-solved: light-dark(#ffffff, #00391a); --ct-sys-color-success-solved: light-dark(#006d38, #a3d2ac); --ct-sys-color-on-warning-solved: light-dark(#ffffff, #3f2e00); --ct-sys-color-warning-solved: light-dark(#845400, #e3c37e); --ct-sys-color-on-surface-solved: light-dark(#22191a, #f0dede); --ct-sys-color-surface-solved: light-dark(#ffffff, #000000); --ct-sys-color-background-solved: light-dark(#ffffff, #000000); --ct-sys-color-surface-dim-solved: light-dark(#e7d6d6, #1a1112); --ct-sys-color-surface-bright-solved: light-dark(#fff8f7, #413737); --ct-sys-color-surface-container-lowest-solved: light-dark(#ffffff, #140c0c); --ct-sys-color-surface-container-low-solved: light-dark(#fff0f0, #22191a); --ct-sys-color-surface-container-solved: light-dark(#fceaea, #271d1e); --ct-sys-color-surface-container-high-solved: light-dark(#f6e4e4, #322828); --ct-sys-color-surface-container-highest-solved: light-dark(#f0dede, #3d3232); --ct-sys-color-on-surface-variant-solved: light-dark(#524343, #d7c1c2); } :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-error-hover: light-dark(#ad0d12, #ffb4ab); --ct-sys-color-error-pressed: light-dark(#98000a, #ffbab2); --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-error-container-hover: light-dark(#93000a, #ffdad6); --ct-sys-color-on-error-container-pressed: light-dark(#93000a, #ffdad6); --ct-sys-color-on-error-container-state-layer: light-dark(#93000a, #ffdad6); --ct-sys-color-on-error-hover: light-dark(#ffffff, #690005); --ct-sys-color-on-error-pressed: light-dark(#ffffff, #690005); --ct-sys-color-on-error-state-layer: light-dark(#ffffff, #690005); --ct-sys-color-on-information: light-dark(#ffffff, #003451); --ct-sys-color-on-information-container: light-dark(#004b72, #d7e4f2); --ct-sys-color-on-information-container-hover: light-dark(#004b72, #d7e4f2); --ct-sys-color-on-information-container-pressed: light-dark(#004b72, #d7e4f2); --ct-sys-color-on-information-container-state-layer: light-dark(#004b72, #d7e4f2); --ct-sys-color-on-information-hover: light-dark(#ffffff, #003451); --ct-sys-color-on-information-pressed: light-dark(#ffffff, #003451); --ct-sys-color-on-information-state-layer: light-dark(#000000, #003451); --ct-sys-color-on-primary: light-dark(#ffffff, #4f2500); --ct-sys-color-on-primary-container: light-dark(#703700, #ffdcc5); --ct-sys-color-on-primary-container-hover: light-dark(#703700, #ffdcc5); --ct-sys-color-on-primary-container-pressed: light-dark(#703700, #ffdcc5); --ct-sys-color-on-primary-container-selected: light-dark(#703700, #ffdcc5); --ct-sys-color-on-primary-container-selected-hover: light-dark(#703700, #ffe3d1); --ct-sys-color-on-primary-container-selected-pressed: light-dark(#693300, #fffbff); --ct-sys-color-on-primary-container-state-layer: 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-primary-hover: light-dark(#ffffff, #4f2500); --ct-sys-color-on-primary-pressed: light-dark(#ffffff, #4f2500); --ct-sys-color-on-primary-state-layer: light-dark(#000000, #4f2500); --ct-sys-color-on-secondary: light-dark(#ffffff, #193800); --ct-sys-color-on-secondary-container: light-dark(#275000, #9dfa4f); --ct-sys-color-on-secondary-container-hover: light-dark(#275000, #9dfa4f); --ct-sys-color-on-secondary-container-pressed: light-dark(#275000, #9dfa4f); --ct-sys-color-on-secondary-container-selected: light-dark(#275000, #9dfa4f); --ct-sys-color-on-secondary-container-selected-hover: light-dark(#275000, #a1fe53); --ct-sys-color-on-secondary-container-selected-pressed: light-dark(#244b00, #f3ffe1); --ct-sys-color-on-secondary-container-state-layer: 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-secondary-hover: light-dark(#ffffff, #193800); --ct-sys-color-on-secondary-pressed: light-dark(#ffffff, #193800); --ct-sys-color-on-secondary-state-layer: light-dark(#000000, #193800); --ct-sys-color-on-success: light-dark(#ffffff, #00391a); --ct-sys-color-on-success-container: light-dark(#005229, #d6e7d5); --ct-sys-color-on-success-container-hover: light-dark(#005229, #d6e7d5); --ct-sys-color-on-success-container-pressed: light-dark(#005229, #d6e7d5); --ct-sys-color-on-success-container-state-layer: light-dark(#005229, #d6e7d5); --ct-sys-color-on-success-hover: light-dark(#ffffff, #00391a); --ct-sys-color-on-success-pressed: light-dark(#ffffff, #00391a); --ct-sys-color-on-success-state-layer: light-dark(#000000, #00391a); --ct-sys-color-on-surface: light-dark(#221a15, #f0dfd6); --ct-sys-color-on-surface-hover: light-dark(#221a15, #f0dfd6); --ct-sys-color-on-surface-pressed: light-dark(#221a15, #f0dfd6); --ct-sys-color-on-surface-selected-hover: light-dark(#221a15, #f0dfd6); --ct-sys-color-on-surface-selected-pressed: light-dark(#221a15, #fae9e0); --ct-sys-color-on-surface-selected-state-layer: light-dark(#221a15, #f0dfd6); --ct-sys-color-on-surface-variant: light-dark(#52443b, #d6c3b7); --ct-sys-color-on-surface-variant-hover: light-dark(#52443b, #d6c3b7); --ct-sys-color-on-surface-variant-pressed: light-dark(#52443b, #dcc9bc); --ct-sys-color-on-tertiary: light-dark(#ffffff, #00363f); --ct-sys-color-on-tertiary-container: light-dark(#004e5b, #a7edff); --ct-sys-color-on-tertiary-container-hover: light-dark(#004e5b, #a7edff); --ct-sys-color-on-tertiary-container-pressed: light-dark(#004e5b, #a7edff); --ct-sys-color-on-tertiary-container-state-layer: 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-tertiary-hover: light-dark(#ffffff, #00363f); --ct-sys-color-on-tertiary-pressed: light-dark(#ffffff, #00363f); --ct-sys-color-on-tertiary-state-layer: light-dark(#000000, #00363f); --ct-sys-color-on-warning: light-dark(#ffffff, #3f2e00); --ct-sys-color-on-warning-container: light-dark(#5b4300, #f2e0c2); --ct-sys-color-on-warning-container-hover: light-dark(#5b4300, #f2e0c2); --ct-sys-color-on-warning-container-pressed: light-dark(#5b4300, #f2e0c2); --ct-sys-color-on-warning-container-state-layer: light-dark(#5b4300, #f2e0c2); --ct-sys-color-on-warning-hover: light-dark(#ffffff, #3f2e00); --ct-sys-color-on-warning-pressed: light-dark(#ffffff, #3f2e00); --ct-sys-color-on-warning-state-layer: light-dark(#000000, #3f2e00); --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-hover: light-dark(#864300, #feac6e); --ct-sys-color-primary-palette-key-color: light-dark(#fe8500, #fe8500); --ct-sys-color-primary-pressed: light-dark(#743a01, #ffbd8d); --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-hover: light-dark(#366011, #aad386); --ct-sys-color-secondary-palette-key-color: light-dark(#63bb02, #63bb02); --ct-sys-color-secondary-pressed: light-dark(#2a5404, #aed78a); --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-hover: light-dark(#005f6e, #76d3e9); --ct-sys-color-tertiary-palette-key-color: light-dark(#01b6d1, #01b6d1); --ct-sys-color-tertiary-pressed: light-dark(#00525f, #7cd9ef); --ct-sys-color-warning: light-dark(#845400, #e3c37e); --ct-sys-color-warning-container: light-dark(#f2e0c2, #643f00); --ct-sys-color-on-primary-container-solved: light-dark(#703700, #ffdcc5); --ct-sys-color-primary-container-solved: light-dark(#ffdcc5, #5d402c); --ct-sys-color-on-secondary-container-solved: light-dark(#275000, #9dfa4f); --ct-sys-color-secondary-container-solved: light-dark(#d7e8c2, #3d4a31); --ct-sys-color-on-tertiary-container-solved: light-dark(#004e5b, #a7edff); --ct-sys-color-tertiary-container-solved: light-dark(#c6e8f2, #2f4b52); --ct-sys-color-on-error-container-solved: light-dark(#93000a, #ffdad6); --ct-sys-color-error-container-solved: light-dark(#ffdad6, #93000a); --ct-sys-color-on-information-container-solved: light-dark(#004b72, #d7e4f2); --ct-sys-color-information-container-solved: light-dark(#d7e4f2, #004b72); --ct-sys-color-on-success-container-solved: light-dark(#005229, #d6e7d5); --ct-sys-color-success-container-solved: light-dark(#d6e7d5, #005229); --ct-sys-color-on-warning-container-solved: light-dark(#5b4300, #f2e0c2); --ct-sys-color-warning-container-solved: light-dark(#f2e0c2, #643f00); --ct-sys-color-on-primary-solved: light-dark(#ffffff, #4f2500); --ct-sys-color-primary-solved: light-dark(#964c00, #feac6e); --ct-sys-color-on-secondary-solved: light-dark(#ffffff, #193800); --ct-sys-color-secondary-solved: light-dark(#3e691a, #aad386); --ct-sys-color-on-tertiary-solved: light-dark(#ffffff, #00363f); --ct-sys-color-tertiary-solved: light-dark(#007183, #76d3e9); --ct-sys-color-on-error-solved: light-dark(#ffffff, #690005); --ct-sys-color-error-solved: light-dark(#ba1a1a, #ffb4ab); --ct-sys-color-on-information-solved: light-dark(#ffffff, #003451); --ct-sys-color-information-solved: light-dark(#006496, #a4cbee); --ct-sys-color-on-success-solved: light-dark(#ffffff, #00391a); --ct-sys-color-success-solved: light-dark(#006d38, #a3d2ac); --ct-sys-color-on-warning-solved: light-dark(#ffffff, #3f2e00); --ct-sys-color-warning-solved: light-dark(#845400, #e3c37e); --ct-sys-color-on-surface-solved: light-dark(#221a15, #f0dfd6); --ct-sys-color-surface-solved: light-dark(#ffffff, #000000); --ct-sys-color-background-solved: light-dark(#ffffff, #000000); --ct-sys-color-surface-dim-solved: light-dark(#e7d7ce, #19120d); --ct-sys-color-surface-bright-solved: light-dark(#fff8f5, #413731); --ct-sys-color-surface-container-lowest-solved: light-dark(#ffffff, #140d08); --ct-sys-color-surface-container-low-solved: light-dark(#fff1e9, #221a15); --ct-sys-color-surface-container-solved: light-dark(#fbebe1, #261e18); --ct-sys-color-surface-container-high-solved: light-dark(#f5e5dc, #312822); --ct-sys-color-surface-container-highest-solved: light-dark(#f0dfd6, #3c332d); --ct-sys-color-on-surface-variant-solved: light-dark(#52443b, #d6c3b7); } :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-error-hover: light-dark(#ad0d12, #ffb4ab); --ct-sys-color-error-pressed: light-dark(#98000a, #ffbcb4); --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-error-container-hover: light-dark(#93000a, #ffdad6); --ct-sys-color-on-error-container-pressed: light-dark(#93000a, #ffdad6); --ct-sys-color-on-error-container-state-layer: light-dark(#93000a, #ffdad6); --ct-sys-color-on-error-hover: light-dark(#ffffff, #690005); --ct-sys-color-on-error-pressed: light-dark(#ffffff, #690005); --ct-sys-color-on-error-state-layer: light-dark(#ffffff, #690005); --ct-sys-color-on-information: light-dark(#ffffff, #003451); --ct-sys-color-on-information-container: light-dark(#004b72, #d7e4f2); --ct-sys-color-on-information-container-hover: light-dark(#004b72, #d7e4f2); --ct-sys-color-on-information-container-pressed: light-dark(#004b72, #d7e4f2); --ct-sys-color-on-information-container-state-layer: light-dark(#004b72, #d7e4f2); --ct-sys-color-on-information-hover: light-dark(#ffffff, #003451); --ct-sys-color-on-information-pressed: light-dark(#ffffff, #003451); --ct-sys-color-on-information-state-layer: light-dark(#000000, #003451); --ct-sys-color-on-primary: light-dark(#ffffff, #3b2f00); --ct-sys-color-on-primary-container: light-dark(#564500, #ffe17b); --ct-sys-color-on-primary-container-hover: light-dark(#564500, #ffe17b); --ct-sys-color-on-primary-container-pressed: light-dark(#564500, #ffe17b); --ct-sys-color-on-primary-container-selected: light-dark(#564500, #ffe17b); --ct-sys-color-on-primary-container-selected-hover: light-dark(#564500, #ffe79c); --ct-sys-color-on-primary-container-selected-pressed: light-dark(#514100, #fffbff); --ct-sys-color-on-primary-container-state-layer: 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-primary-hover: light-dark(#ffffff, #3b2f00); --ct-sys-color-on-primary-pressed: light-dark(#ffffff, #3b2f00); --ct-sys-color-on-primary-state-layer: light-dark(#000000, #3b2f00); --ct-sys-color-on-secondary: light-dark(#ffffff, #00382b); --ct-sys-color-on-secondary-container: light-dark(#005140, #35fed0); --ct-sys-color-on-secondary-container-hover: light-dark(#005140, #35fed0); --ct-sys-color-on-secondary-container-pressed: light-dark(#005140, #35fed0); --ct-sys-color-on-secondary-container-selected: light-dark(#005140, #35fed0); --ct-sys-color-on-secondary-container-selected-hover: light-dark(#005140, #79ffd9); --ct-sys-color-on-secondary-container-selected-pressed: light-dark(#004b3b, #ecfff6); --ct-sys-color-on-secondary-container-state-layer: 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-secondary-hover: light-dark(#ffffff, #00382b); --ct-sys-color-on-secondary-pressed: light-dark(#ffffff, #00382b); --ct-sys-color-on-secondary-state-layer: light-dark(#000000, #00382b); --ct-sys-color-on-success: light-dark(#ffffff, #00391a); --ct-sys-color-on-success-container: light-dark(#005229, #d6e7d5); --ct-sys-color-on-success-container-hover: light-dark(#005229, #d6e7d5); --ct-sys-color-on-success-container-pressed: light-dark(#005229, #d6e7d5); --ct-sys-color-on-success-container-state-layer: light-dark(#005229, #d6e7d5); --ct-sys-color-on-success-hover: light-dark(#ffffff, #00391a); --ct-sys-color-on-success-pressed: light-dark(#ffffff, #00391a); --ct-sys-color-on-success-state-layer: light-dark(#000000, #00391a); --ct-sys-color-on-surface: light-dark(#1e1b13, #e9e2d4); --ct-sys-color-on-surface-hover: light-dark(#1e1b13, #e9e2d4); --ct-sys-color-on-surface-pressed: light-dark(#1e1b13, #e9e2d4); --ct-sys-color-on-surface-selected-hover: light-dark(#1e1b13, #e9e2d4); --ct-sys-color-on-surface-selected-pressed: light-dark(#1e1b13, #f3ecde); --ct-sys-color-on-surface-selected-state-layer: light-dark(#1e1b13, #e9e2d4); --ct-sys-color-on-surface-variant: light-dark(#4b4639, #cec6b4); --ct-sys-color-on-surface-variant-hover: light-dark(#4b4639, #cec6b4); --ct-sys-color-on-surface-variant-pressed: light-dark(#4b4639, #d4ccb9); --ct-sys-color-on-tertiary: light-dark(#ffffff, #113252); --ct-sys-color-on-tertiary-container: light-dark(#2b486a, #d2e4ff); --ct-sys-color-on-tertiary-container-hover: light-dark(#2b486a, #d2e4ff); --ct-sys-color-on-tertiary-container-pressed: light-dark(#2b486a, #d2e4ff); --ct-sys-color-on-tertiary-container-state-layer: 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-tertiary-hover: light-dark(#ffffff, #113252); --ct-sys-color-on-tertiary-pressed: light-dark(#ffffff, #113252); --ct-sys-color-on-tertiary-state-layer: light-dark(#000000, #113252); --ct-sys-color-on-warning: light-dark(#ffffff, #3f2e00); --ct-sys-color-on-warning-container: light-dark(#5b4300, #f2e0c2); --ct-sys-color-on-warning-container-hover: light-dark(#5b4300, #f2e0c2); --ct-sys-color-on-warning-container-pressed: light-dark(#5b4300, #f2e0c2); --ct-sys-color-on-warning-container-state-layer: light-dark(#5b4300, #f2e0c2); --ct-sys-color-on-warning-hover: light-dark(#ffffff, #3f2e00); --ct-sys-color-on-warning-pressed: light-dark(#ffffff, #3f2e00); --ct-sys-color-on-warning-state-layer: light-dark(#000000, #3f2e00); --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-hover: light-dark(#675400, #e2c562); --ct-sys-color-primary-palette-key-color: light-dark(#fcd002, #fcd002); --ct-sys-color-primary-pressed: light-dark(#594800, #e8cb67); --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-hover: light-dark(#01614e, #7cd7bb); --ct-sys-color-secondary-palette-key-color: light-dark(#0df0c3, #0df0c3); --ct-sys-color-secondary-pressed: light-dark(#025444, #82ddc0); --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-hover: light-dark(#005898, #94c3fd); --ct-sys-color-tertiary-palette-key-color: light-dark(#5c799d, #5c799d); --ct-sys-color-tertiary-pressed: light-dark(#004c84, #aacfff); --ct-sys-color-warning: light-dark(#845400, #e3c37e); --ct-sys-color-warning-container: light-dark(#f2e0c2, #643f00); --ct-sys-color-on-primary-container-solved: light-dark(#564500, #ffe17b); --ct-sys-color-primary-container-solved: light-dark(#f3e2b1, #504626); --ct-sys-color-on-secondary-container-solved: light-dark(#005140, #35fed0); --ct-sys-color-secondary-container-solved: light-dark(#c6eadc, #304c43); --ct-sys-color-on-tertiary-container-solved: light-dark(#2b486a, #d2e4ff); --ct-sys-color-tertiary-container-solved: light-dark(#d2e4fe, #3a475a); --ct-sys-color-on-error-container-solved: light-dark(#93000a, #ffdad6); --ct-sys-color-error-container-solved: light-dark(#ffdad6, #93000a); --ct-sys-color-on-information-container-solved: light-dark(#004b72, #d7e4f2); --ct-sys-color-information-container-solved: light-dark(#d7e4f2, #004b72); --ct-sys-color-on-success-container-solved: light-dark(#005229, #d6e7d5); --ct-sys-color-success-container-solved: light-dark(#d6e7d5, #005229); --ct-sys-color-on-warning-container-solved: light-dark(#5b4300, #f2e0c2); --ct-sys-color-warning-container-solved: light-dark(#f2e0c2, #643f00); --ct-sys-color-on-primary-solved: light-dark(#ffffff, #3b2f00); --ct-sys-color-primary-solved: light-dark(#786200, #e2c562); --ct-sys-color-on-secondary-solved: light-dark(#ffffff, #00382b); --ct-sys-color-secondary-solved: light-dark(#01735d, #7cd7bb); --ct-sys-color-on-tertiary-solved: light-dark(#ffffff, #113252); --ct-sys-color-tertiary-solved: light-dark(#0a61a4, #94c3fd); --ct-sys-color-on-error-solved: light-dark(#ffffff, #690005); --ct-sys-color-error-solved: light-dark(#ba1a1a, #ffb4ab); --ct-sys-color-on-information-solved: light-dark(#ffffff, #003451); --ct-sys-color-information-solved: light-dark(#006496, #a4cbee); --ct-sys-color-on-success-solved: light-dark(#ffffff, #00391a); --ct-sys-color-success-solved: light-dark(#006d38, #a3d2ac); --ct-sys-color-on-warning-solved: light-dark(#ffffff, #3f2e00); --ct-sys-color-warning-solved: light-dark(#845400, #e3c37e); --ct-sys-color-on-surface-solved: light-dark(#1e1b13, #e9e2d4); --ct-sys-color-surface-solved: light-dark(#ffffff, #000000); --ct-sys-color-background-solved: light-dark(#ffffff, #000000); --ct-sys-color-surface-dim-solved: light-dark(#e1d9cc, #16130b); --ct-sys-color-surface-bright-solved: light-dark(#fff8ef, #3d392f); --ct-sys-color-surface-container-lowest-solved: light-dark(#ffffff, #100e07); --ct-sys-color-surface-container-low-solved: light-dark(#fbf3e5, #1e1b13); --ct-sys-color-surface-container-solved: light-dark(#f5eddf, #221f17); --ct-sys-color-surface-container-high-solved: light-dark(#efe7da, #2d2a21); --ct-sys-color-surface-container-highest-solved: light-dark(#e9e2d4, #38342b); --ct-sys-color-on-surface-variant-solved: light-dark(#4b4639, #cec6b4); } :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-error-hover: light-dark(#ad0d12, #ffb4ab); --ct-sys-color-error-pressed: light-dark(#98000a, #ffbab2); --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-error-container-hover: light-dark(#93000a, #ffdad6); --ct-sys-color-on-error-container-pressed: light-dark(#93000a, #ffdad6); --ct-sys-color-on-error-container-state-layer: light-dark(#93000a, #ffdad6); --ct-sys-color-on-error-hover: light-dark(#ffffff, #690005); --ct-sys-color-on-error-pressed: light-dark(#ffffff, #690005); --ct-sys-color-on-error-state-layer: light-dark(#ffffff, #690005); --ct-sys-color-on-information: light-dark(#ffffff, #003451); --ct-sys-color-on-information-container: light-dark(#004b72, #d7e4f2); --ct-sys-color-on-information-container-hover: light-dark(#004b72, #d7e4f2); --ct-sys-color-on-information-container-pressed: light-dark(#004b72, #d7e4f2); --ct-sys-color-on-information-container-state-layer: light-dark(#004b72, #d7e4f2); --ct-sys-color-on-information-hover: light-dark(#ffffff, #003451); --ct-sys-color-on-information-pressed: light-dark(#ffffff, #003451); --ct-sys-color-on-information-state-layer: light-dark(#000000, #003451); --ct-sys-color-on-primary: light-dark(#ffffff, #193800); --ct-sys-color-on-primary-container: light-dark(#275000, #a7f866); --ct-sys-color-on-primary-container-hover: light-dark(#275000, #a7f866); --ct-sys-color-on-primary-container-pressed: light-dark(#275000, #a7f866); --ct-sys-color-on-primary-container-selected: light-dark(#275000, #a7f866); --ct-sys-color-on-primary-container-selected-hover: light-dark(#275000, #acfe6b); --ct-sys-color-on-primary-container-selected-pressed: light-dark(#254c00, #f3ffe3); --ct-sys-color-on-primary-container-state-layer: 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-primary-hover: light-dark(#ffffff, #193800); --ct-sys-color-on-primary-pressed: light-dark(#ffffff, #193800); --ct-sys-color-on-primary-state-layer: light-dark(#000000, #193800); --ct-sys-color-on-secondary: light-dark(#ffffff, #00363f); --ct-sys-color-on-secondary-container: light-dark(#004e5b, #a7edff); --ct-sys-color-on-secondary-container-hover: light-dark(#004e5b, #a7edff); --ct-sys-color-on-secondary-container-pressed: light-dark(#004e5b, #a7edff); --ct-sys-color-on-secondary-container-selected: light-dark(#004e5b, #a7edff); --ct-sys-color-on-secondary-container-selected-hover: light-dark(#004e5b, #bbf1ff); --ct-sys-color-on-secondary-container-selected-pressed: light-dark(#004955, #f7fdff); --ct-sys-color-on-secondary-container-state-layer: 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-secondary-hover: light-dark(#ffffff, #00363f); --ct-sys-color-on-secondary-pressed: light-dark(#ffffff, #00363f); --ct-sys-color-on-secondary-state-layer: light-dark(#000000, #00363f); --ct-sys-color-on-success: light-dark(#ffffff, #00391a); --ct-sys-color-on-success-container: light-dark(#005229, #d6e7d5); --ct-sys-color-on-success-container-hover: light-dark(#005229, #d6e7d5); --ct-sys-color-on-success-container-pressed: light-dark(#005229, #d6e7d5); --ct-sys-color-on-success-container-state-layer: light-dark(#005229, #d6e7d5); --ct-sys-color-on-success-hover: light-dark(#ffffff, #00391a); --ct-sys-color-on-success-pressed: light-dark(#ffffff, #00391a); --ct-sys-color-on-success-state-layer: light-dark(#000000, #00391a); --ct-sys-color-on-surface: light-dark(#1a1d16, #e2e3d9); --ct-sys-color-on-surface-hover: light-dark(#1a1d16, #e2e3d9); --ct-sys-color-on-surface-pressed: light-dark(#1a1d16, #e2e3d9); --ct-sys-color-on-surface-selected-hover: light-dark(#1a1d16, #e2e3d9); --ct-sys-color-on-surface-selected-pressed: light-dark(#1a1d16, #ecede3); --ct-sys-color-on-surface-selected-state-layer: light-dark(#1a1d16, #e2e3d9); --ct-sys-color-on-surface-variant: light-dark(#44483e, #c4c8ba); --ct-sys-color-on-surface-variant-hover: light-dark(#44483e, #c4c8ba); --ct-sys-color-on-surface-variant-pressed: light-dark(#44483e, #cacebf); --ct-sys-color-on-tertiary: light-dark(#ffffff, #330098); --ct-sys-color-on-tertiary-container: light-dark(#4a25b8, #e6deff); --ct-sys-color-on-tertiary-container-hover: light-dark(#4a25b8, #e6deff); --ct-sys-color-on-tertiary-container-pressed: light-dark(#4a25b8, #e6deff); --ct-sys-color-on-tertiary-container-state-layer: 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-tertiary-hover: light-dark(#ffffff, #330098); --ct-sys-color-on-tertiary-pressed: light-dark(#ffffff, #330098); --ct-sys-color-on-tertiary-state-layer: light-dark(#000000, #330098); --ct-sys-color-on-warning: light-dark(#ffffff, #3f2e00); --ct-sys-color-on-warning-container: light-dark(#5b4300, #f2e0c2); --ct-sys-color-on-warning-container-hover: light-dark(#5b4300, #f2e0c2); --ct-sys-color-on-warning-container-pressed: light-dark(#5b4300, #f2e0c2); --ct-sys-color-on-warning-container-state-layer: light-dark(#5b4300, #f2e0c2); --ct-sys-color-on-warning-hover: light-dark(#ffffff, #3f2e00); --ct-sys-color-on-warning-pressed: light-dark(#ffffff, #3f2e00); --ct-sys-color-on-warning-state-layer: light-dark(#000000, #3f2e00); --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-hover: light-dark(#366011, #aad387); --ct-sys-color-primary-palette-key-color: light-dark(#519a05, #519a05); --ct-sys-color-primary-pressed: light-dark(#2a5404, #aed78b); --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-hover: light-dark(#005f6e, #77d4e9); --ct-sys-color-secondary-palette-key-color: light-dark(#0093a9, #0093a9); --ct-sys-color-secondary-pressed: light-dark(#00525f, #7bd8ed); --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-hover: light-dark(#59489d, #c3b4fe); --ct-sys-color-tertiary-palette-key-color: light-dark(#7c5fec, #7c5fec); --ct-sys-color-tertiary-pressed: light-dark(#4d3c90, #d1c4ff); --ct-sys-color-warning: light-dark(#845400, #e3c37e); --ct-sys-color-warning-container: light-dark(#f2e0c2, #643f00); --ct-sys-color-on-primary-container-solved: light-dark(#275000, #a7f866); --ct-sys-color-primary-container-solved: light-dark(#d7e8c3, #3d4a31); --ct-sys-color-on-secondary-container-solved: light-dark(#004e5b, #a7edff); --ct-sys-color-secondary-container-solved: light-dark(#c6e8f2, #2f4b52); --ct-sys-color-on-tertiary-container-solved: light-dark(#4a25b8, #e6deff); --ct-sys-color-tertiary-container-solved: light-dark(#e6deff, #48445b); --ct-sys-color-on-error-container-solved: light-dark(#93000a, #ffdad6); --ct-sys-color-error-container-solved: light-dark(#ffdad6, #93000a); --ct-sys-color-on-information-container-solved: light-dark(#004b72, #d7e4f2); --ct-sys-color-information-container-solved: light-dark(#d7e4f2, #004b72); --ct-sys-color-on-success-container-solved: light-dark(#005229, #d6e7d5); --ct-sys-color-success-container-solved: light-dark(#d6e7d5, #005229); --ct-sys-color-on-warning-container-solved: light-dark(#5b4300, #f2e0c2); --ct-sys-color-warning-container-solved: light-dark(#f2e0c2, #643f00); --ct-sys-color-on-primary-solved: light-dark(#ffffff, #193800); --ct-sys-color-primary-solved: light-dark(#3e691a, #aad387); --ct-sys-color-on-secondary-solved: light-dark(#ffffff, #00363f); --ct-sys-color-secondary-solved: light-dark(#007183, #77d4e9); --ct-sys-color-on-tertiary-solved: light-dark(#ffffff, #330098); --ct-sys-color-tertiary-solved: light-dark(#6251a6, #c3b4fe); --ct-sys-color-on-error-solved: light-dark(#ffffff, #690005); --ct-sys-color-error-solved: light-dark(#ba1a1a, #ffb4ab); --ct-sys-color-on-information-solved: light-dark(#ffffff, #003451); --ct-sys-color-information-solved: light-dark(#006496, #a4cbee); --ct-sys-color-on-success-solved: light-dark(#ffffff, #00391a); --ct-sys-color-success-solved: light-dark(#006d38, #a3d2ac); --ct-sys-color-on-warning-solved: light-dark(#ffffff, #3f2e00); --ct-sys-color-warning-solved: light-dark(#845400, #e3c37e); --ct-sys-color-on-surface-solved: light-dark(#1a1d16, #e2e3d9); --ct-sys-color-surface-solved: light-dark(#ffffff, #000000); --ct-sys-color-background-solved: light-dark(#ffffff, #000000); --ct-sys-color-surface-dim-solved: light-dark(#d9dbd0, #11140e); --ct-sys-color-surface-bright-solved: light-dark(#f9faef, #373a33); --ct-sys-color-surface-container-lowest-solved: light-dark(#ffffff, #0c0f09); --ct-sys-color-surface-container-low-solved: light-dark(#f3f5ea, #1a1d16); --ct-sys-color-surface-container-solved: light-dark(#edefe4, #1e211a); --ct-sys-color-surface-container-high-solved: light-dark(#e7e9de, #282b24); --ct-sys-color-surface-container-highest-solved: light-dark(#e2e3d9, #33362f); --ct-sys-color-on-surface-variant-solved: light-dark(#44483e, #c4c8ba); } :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-error-hover: light-dark(#ad0d12, #ffb4ab); --ct-sys-color-error-pressed: light-dark(#98000a, #ffbcb4); --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-error-container-hover: light-dark(#93000a, #ffdad6); --ct-sys-color-on-error-container-pressed: light-dark(#93000a, #ffdad6); --ct-sys-color-on-error-container-state-layer: light-dark(#93000a, #ffdad6); --ct-sys-color-on-error-hover: light-dark(#ffffff, #690005); --ct-sys-color-on-error-pressed: light-dark(#ffffff, #690005); --ct-sys-color-on-error-state-layer: light-dark(#ffffff, #690005); --ct-sys-color-on-information: light-dark(#ffffff, #003451); --ct-sys-color-on-information-container: light-dark(#004b72, #d7e4f2); --ct-sys-color-on-information-container-hover: light-dark(#004b72, #d7e4f2); --ct-sys-color-on-information-container-pressed: light-dark(#004b72, #d7e4f2); --ct-sys-color-on-information-container-state-layer: light-dark(#004b72, #d7e4f2); --ct-sys-color-on-information-hover: light-dark(#ffffff, #003451); --ct-sys-color-on-information-pressed: light-dark(#ffffff, #003451); --ct-sys-color-on-information-state-layer: light-dark(#000000, #003451); --ct-sys-color-on-primary: light-dark(#ffffff, #00382b); --ct-sys-color-on-primary-container: light-dark(#005140, #32fed0); --ct-sys-color-on-primary-container-hover: light-dark(#005140, #32fed0); --ct-sys-color-on-primary-container-pressed: light-dark(#005140, #32fed0); --ct-sys-color-on-primary-container-selected: light-dark(#005140, #32fed0); --ct-sys-color-on-primary-container-selected-hover: light-dark(#005140, #78ffd9); --ct-sys-color-on-primary-container-selected-pressed: light-dark(#004b3b, #ecfff6); --ct-sys-color-on-primary-container-state-layer: 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-primary-hover: light-dark(#ffffff, #00382b); --ct-sys-color-on-primary-pressed: light-dark(#ffffff, #00382b); --ct-sys-color-on-primary-state-layer: light-dark(#000000, #00382b); --ct-sys-color-on-secondary: light-dark(#ffffff, #123252); --ct-sys-color-on-secondary-container: light-dark(#2b4869, #d2e4ff); --ct-sys-color-on-secondary-container-hover: light-dark(#2b4869, #d2e4ff); --ct-sys-color-on-secondary-container-pressed: light-dark(#2b4869, #d2e4ff); --ct-sys-color-on-secondary-container-selected: light-dark(#2b4869, #d2e4ff); --ct-sys-color-on-secondary-container-selected-hover: light-dark(#2b4869, #dce9ff); --ct-sys-color-on-secondary-container-selected-pressed: light-dark(#264364, #fdfcff); --ct-sys-color-on-secondary-container-state-layer: 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-secondary-hover: light-dark(#ffffff, #123252); --ct-sys-color-on-secondary-pressed: light-dark(#ffffff, #123252); --ct-sys-color-on-secondary-state-layer: light-dark(#000000, #123252); --ct-sys-color-on-success: light-dark(#ffffff, #00391a); --ct-sys-color-on-success-container: light-dark(#005229, #d6e7d5); --ct-sys-color-on-success-container-hover: light-dark(#005229, #d6e7d5); --ct-sys-color-on-success-container-pressed: light-dark(#005229, #d6e7d5); --ct-sys-color-on-success-container-state-layer: light-dark(#005229, #d6e7d5); --ct-sys-color-on-success-hover: light-dark(#ffffff, #00391a); --ct-sys-color-on-success-pressed: light-dark(#ffffff, #00391a); --ct-sys-color-on-success-state-layer: light-dark(#000000, #00391a); --ct-sys-color-on-surface: light-dark(#171d1a, #dee4e0); --ct-sys-color-on-surface-hover: light-dark(#171d1a, #dee4e0); --ct-sys-color-on-surface-pressed: light-dark(#171d1a, #dee4e0); --ct-sys-color-on-surface-selected-hover: light-dark(#171d1a, #dee4e0); --ct-sys-color-on-surface-selected-pressed: light-dark(#171d1a, #e9efeb); --ct-sys-color-on-surface-selected-state-layer: light-dark(#171d1a, #dee4e0); --ct-sys-color-on-surface-variant: light-dark(#3f4945, #bfc9c3); --ct-sys-color-on-surface-variant-hover: light-dark(#3f4945, #bfc9c3); --ct-sys-color-on-surface-variant-pressed: light-dark(#3f4945, #c5cfc8); --ct-sys-color-on-tertiary: light-dark(#ffffff, #4b2047); --ct-sys-color-on-tertiary-container: light-dark(#64375f, #ffd7f5); --ct-sys-color-on-tertiary-container-hover: light-dark(#64375f, #ffd7f5); --ct-sys-color-on-tertiary-container-pressed: light-dark(#64375f, #ffd7f5); --ct-sys-color-on-tertiary-container-state-layer: 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-tertiary-hover: light-dark(#ffffff, #4b2047); --ct-sys-color-on-tertiary-pressed: light-dark(#ffffff, #4b2047); --ct-sys-color-on-tertiary-state-layer: light-dark(#000000, #4b2047); --ct-sys-color-on-warning: light-dark(#ffffff, #3f2e00); --ct-sys-color-on-warning-container: light-dark(#5b4300, #f2e0c2); --ct-sys-color-on-warning-container-hover: light-dark(#5b4300, #f2e0c2); --ct-sys-color-on-warning-container-pressed: light-dark(#5b4300, #f2e0c2); --ct-sys-color-on-warning-container-state-layer: light-dark(#5b4300, #f2e0c2); --ct-sys-color-on-warning-hover: light-dark(#ffffff, #3f2e00); --ct-sys-color-on-warning-pressed: light-dark(#ffffff, #3f2e00); --ct-sys-color-on-warning-state-layer: light-dark(#000000, #3f2e00); --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-hover: light-dark(#01614e, #7cd7bb); --ct-sys-color-primary-palette-key-color: light-dark(#00f0c3, #00f0c3); --ct-sys-color-primary-pressed: light-dark(#025444, #82ddc0); --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-hover: light-dark(#005799, #94c3fe); --ct-sys-color-secondary-palette-key-color: light-dark(#5d799d, #5d799d); --ct-sys-color-secondary-pressed: light-dark(#004b85, #abcfff); --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-hover: light-dark(#7f3a7b, #f6b0ea); --ct-sys-color-tertiary-palette-key-color: light-dark(#9a6692, #9a6692); --ct-sys-color-tertiary-pressed: light-dark(#712e6e, #fcb5f0); --ct-sys-color-warning: light-dark(#845400, #e3c37e); --ct-sys-color-warning-container: light-dark(#f2e0c2, #643f00); --ct-sys-color-on-primary-container-solved: light-dark(#005140, #32fed0); --ct-sys-color-primary-container-solved: light-dark(#c6eadc, #304c43); --ct-sys-color-on-secondary-container-solved: light-dark(#2b4869, #d2e4ff); --ct-sys-color-secondary-container-solved: light-dark(#d2e4fe, #39475a); --ct-sys-color-on-tertiary-container-solved: light-dark(#64375f, #ffd7f5); --ct-sys-color-tertiary-container-solved: light-dark(#fcd8f3, #574052); --ct-sys-color-on-error-container-solved: light-dark(#93000a, #ffdad6); --ct-sys-color-error-container-solved: light-dark(#ffdad6, #93000a); --ct-sys-color-on-information-container-solved: light-dark(#004b72, #d7e4f2); --ct-sys-color-information-container-solved: light-dark(#d7e4f2, #004b72); --ct-sys-color-on-success-container-solved: light-dark(#005229, #d6e7d5); --ct-sys-color-success-container-solved: light-dark(#d6e7d5, #005229); --ct-sys-color-on-warning-container-solved: light-dark(#5b4300, #f2e0c2); --ct-sys-color-warning-container-solved: light-dark(#f2e0c2, #643f00); --ct-sys-color-on-primary-solved: light-dark(#ffffff, #00382b); --ct-sys-color-primary-solved: light-dark(#01735d, #7cd7bb); --ct-sys-color-on-secondary-solved: light-dark(#ffffff, #123252); --ct-sys-color-secondary-solved: light-dark(#0f60a4, #94c3fe); --ct-sys-color-on-tertiary-solved: light-dark(#ffffff, #4b2047); --ct-sys-color-tertiary-solved: light-dark(#8a4485, #f6b0ea); --ct-sys-color-on-error-solved: light-dark(#ffffff, #690005); --ct-sys-color-error-solved: light-dark(#ba1a1a, #ffb4ab); --ct-sys-color-on-information-solved: light-dark(#ffffff, #003451); --ct-sys-color-information-solved: light-dark(#006496, #a4cbee); --ct-sys-color-on-success-solved: light-dark(#ffffff, #00391a); --ct-sys-color-success-solved: light-dark(#006d38, #a3d2ac); --ct-sys-color-on-warning-solved: light-dark(#ffffff, #3f2e00); --ct-sys-color-warning-solved: light-dark(#845400, #e3c37e); --ct-sys-color-on-surface-solved: light-dark(#171d1a, #dee4e0); --ct-sys-color-surface-solved: light-dark(#ffffff, #000000); --ct-sys-color-background-solved: light-dark(#ffffff, #000000); --ct-sys-color-surface-dim-solved: light-dark(#d5dbd7, #0f1512); --ct-sys-color-surface-bright-solved: light-dark(#f5fbf6, #343b38); --ct-sys-color-surface-container-lowest-solved: light-dark(#ffffff, #090f0d); --ct-sys-color-surface-container-low-solved: light-dark(#eff5f1, #171d1a); --ct-sys-color-surface-container-solved: light-dark(#e9efeb, #1b211e); --ct-sys-color-surface-container-high-solved: light-dark(#e3eae5, #252b29); --ct-sys-color-surface-container-highest-solved: light-dark(#dee4e0, #303633); --ct-sys-color-on-surface-variant-solved: light-dark(#3f4945, #bfc9c3); } :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-error-hover: light-dark(#ad0d12, #ffb4ab); --ct-sys-color-error-pressed: light-dark(#98000a, #ffbab2); --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-error-container-hover: light-dark(#93000a, #ffdad6); --ct-sys-color-on-error-container-pressed: light-dark(#93000a, #ffdad6); --ct-sys-color-on-error-container-state-layer: light-dark(#93000a, #ffdad6); --ct-sys-color-on-error-hover: light-dark(#ffffff, #690005); --ct-sys-color-on-error-pressed: light-dark(#ffffff, #690005); --ct-sys-color-on-error-state-layer: light-dark(#ffffff, #690005); --ct-sys-color-on-information: light-dark(#ffffff, #003451); --ct-sys-color-on-information-container: light-dark(#004b72, #d7e4f2); --ct-sys-color-on-information-container-hover: light-dark(#004b72, #d7e4f2); --ct-sys-color-on-information-container-pressed: light-dark(#004b72, #d7e4f2); --ct-sys-color-on-information-container-state-layer: light-dark(#004b72, #d7e4f2); --ct-sys-color-on-information-hover: light-dark(#ffffff, #003451); --ct-sys-color-on-information-pressed: light-dark(#ffffff, #003451); --ct-sys-color-on-information-state-layer: light-dark(#000000, #003451); --ct-sys-color-on-primary: light-dark(#ffffff, #00363f); --ct-sys-color-on-primary-container: light-dark(#004e5b, #a8edff); --ct-sys-color-on-primary-container-hover: light-dark(#004e5b, #a8edff); --ct-sys-color-on-primary-container-pressed: light-dark(#004e5b, #a8edff); --ct-sys-color-on-primary-container-selected: light-dark(#004e5b, #a8edff); --ct-sys-color-on-primary-container-selected-hover: light-dark(#004e5b, #bbf1ff); --ct-sys-color-on-primary-container-selected-pressed: light-dark(#004955, #f7fdff); --ct-sys-color-on-primary-container-state-layer: 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-primary-hover: light-dark(#ffffff, #00363f); --ct-sys-color-on-primary-pressed: light-dark(#ffffff, #00363f); --ct-sys-color-on-primary-state-layer: light-dark(#000000, #00363f); --ct-sys-color-on-secondary: light-dark(#ffffff, #32295a); --ct-sys-color-on-secondary-container: light-dark(#493f72, #e7deff); --ct-sys-color-on-secondary-container-hover: light-dark(#493f72, #e7deff); --ct-sys-color-on-secondary-container-pressed: light-dark(#493f72, #e7deff); --ct-sys-color-on-secondary-container-selected: light-dark(#493f72, #e7deff); --ct-sys-color-on-secondary-container-selected-hover: light-dark(#493f72, #ede4ff); --ct-sys-color-on-secondary-container-selected-pressed: light-dark(#443a6d, #fffbff); --ct-sys-color-on-secondary-container-state-layer: 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-secondary-hover: light-dark(#ffffff, #32295a); --ct-sys-color-on-secondary-pressed: light-dark(#ffffff, #32295a); --ct-sys-color-on-secondary-state-layer: light-dark(#000000, #32295a); --ct-sys-color-on-success: light-dark(#ffffff, #00391a); --ct-sys-color-on-success-container: light-dark(#005229, #d6e7d5); --ct-sys-color-on-success-container-hover: light-dark(#005229, #d6e7d5); --ct-sys-color-on-success-container-pressed: light-dark(#005229, #d6e7d5); --ct-sys-color-on-success-container-state-layer: light-dark(#005229, #d6e7d5); --ct-sys-color-on-success-hover: light-dark(#ffffff, #00391a); --ct-sys-color-on-success-pressed: light-dark(#ffffff, #00391a); --ct-sys-color-on-success-state-layer: light-dark(#000000, #00391a); --ct-sys-color-on-surface: light-dark(#171d1e, #dee3e5); --ct-sys-color-on-surface-hover: light-dark(#171d1e, #dee3e5); --ct-sys-color-on-surface-pressed: light-dark(#171d1e, #dee3e5); --ct-sys-color-on-surface-selected-hover: light-dark(#171d1e, #dee3e5); --ct-sys-color-on-surface-selected-pressed: light-dark(#171d1e, #e8edef); --ct-sys-color-on-surface-selected-state-layer: light-dark(#171d1e, #dee3e5); --ct-sys-color-on-surface-variant: light-dark(#3f484b, #bfc8cb); --ct-sys-color-on-surface-variant-hover: light-dark(#3f484b, #bfc8cb); --ct-sys-color-on-surface-variant-pressed: light-dark(#3f484b, #c5ced1); --ct-sys-color-on-tertiary: light-dark(#ffffff, #4f2326); --ct-sys-color-on-tertiary-container: light-dark(#6a383c, #ffdada); --ct-sys-color-on-tertiary-container-hover: light-dark(#6a383c, #ffdada); --ct-sys-color-on-tertiary-container-pressed: light-dark(#6a383c, #ffdada); --ct-sys-color-on-tertiary-container-state-layer: 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-tertiary-hover: light-dark(#ffffff, #4f2326); --ct-sys-color-on-tertiary-pressed: light-dark(#ffffff, #4f2326); --ct-sys-color-on-tertiary-state-layer: light-dark(#000000, #4f2326); --ct-sys-color-on-warning: light-dark(#ffffff, #3f2e00); --ct-sys-color-on-warning-container: light-dark(#5b4300, #f2e0c2); --ct-sys-color-on-warning-container-hover: light-dark(#5b4300, #f2e0c2); --ct-sys-color-on-warning-container-pressed: light-dark(#5b4300, #f2e0c2); --ct-sys-color-on-warning-container-state-layer: light-dark(#5b4300, #f2e0c2); --ct-sys-color-on-warning-hover: light-dark(#ffffff, #3f2e00); --ct-sys-color-on-warning-pressed: light-dark(#ffffff, #3f2e00); --ct-sys-color-on-warning-state-layer: light-dark(#000000, #3f2e00); --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-hover: light-dark(#005f6e, #76d3e9); --ct-sys-color-primary-palette-key-color: light-dark(#00dcfd, #00dcfd); --ct-sys-color-primary-pressed: light-dark(#00525f, #7cd9ef); --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-hover: light-dark(#59489d, #c3b5ff); --ct-sys-color-secondary-palette-key-color: light-dark(#7a70a6, #7a70a6); --ct-sys-color-secondary-pressed: light-dark(#4d3c90, #cfc3ff); --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-hover: light-dark(#913841, #ffa2a6); --ct-sys-color-tertiary-palette-key-color: light-dark(#a1676a, #a1676a); --ct-sys-color-tertiary-pressed: light-dark(#822c36, #ffb9bb); --ct-sys-color-warning: light-dark(#845400, #e3c37e); --ct-sys-color-warning-container: light-dark(#f2e0c2, #643f00); --ct-sys-color-on-primary-container-solved: light-dark(#004e5b, #a8edff); --ct-sys-color-primary-container-solved: light-dark(#c6e8f2, #2f4b52); --ct-sys-color-on-secondary-container-solved: light-dark(#493f72, #e7deff); --ct-sys-color-secondary-container-solved: light-dark(#e7deff, #48435b); --ct-sys-color-on-tertiary-container-solved: light-dark(#6a383c, #ffdada); --ct-sys-color-tertiary-container-solved: light-dark(#ffdada, #5f3e40); --ct-sys-color-on-error-container-solved: light-dark(#93000a, #ffdad6); --ct-sys-color-error-container-solved: light-dark(#ffdad6, #93000a); --ct-sys-color-on-information-container-solved: light-dark(#004b72, #d7e4f2); --ct-sys-color-information-container-solved: light-dark(#d7e4f2, #004b72); --ct-sys-color-on-success-container-solved: light-dark(#005229, #d6e7d5); --ct-sys-color-success-container-solved: light-dark(#d6e7d5, #005229); --ct-sys-color-on-warning-container-solved: light-dark(#5b4300, #f2e0c2); --ct-sys-color-warning-container-solved: light-dark(#f2e0c2, #643f00); --ct-sys-color-on-primary-solved: light-dark(#ffffff, #00363f); --ct-sys-color-primary-solved: light-dark(#007183, #76d3e9); --ct-sys-color-on-secondary-solved: light-dark(#ffffff, #32295a); --ct-sys-color-secondary-solved: light-dark(#6251a6, #c3b5ff); --ct-sys-color-on-tertiary-solved: light-dark(#ffffff, #4f2326); --ct-sys-color-tertiary-solved: light-dark(#9c4049, #ffa2a6); --ct-sys-color-on-error-solved: light-dark(#ffffff, #690005); --ct-sys-color-error-solved: light-dark(#ba1a1a, #ffb4ab); --ct-sys-color-on-information-solved: light-dark(#ffffff, #003451); --ct-sys-color-information-solved: light-dark(#006496, #a4cbee); --ct-sys-color-on-success-solved: light-dark(#ffffff, #00391a); --ct-sys-color-success-solved: light-dark(#006d38, #a3d2ac); --ct-sys-color-on-warning-solved: light-dark(#ffffff, #3f2e00); --ct-sys-color-warning-solved: light-dark(#845400, #e3c37e); --ct-sys-color-on-surface-solved: light-dark(#171d1e, #dee3e5); --ct-sys-color-surface-solved: light-dark(#ffffff, #000000); --ct-sys-color-background-solved: light-dark(#ffffff, #000000); --ct-sys-color-surface-dim-solved: light-dark(#d5dbdd, #0f1416); --ct-sys-color-surface-bright-solved: light-dark(#f5fafc, #343a3c); --ct-sys-color-surface-container-lowest-solved: light-dark(#ffffff, #090f11); --ct-sys-color-surface-container-low-solved: light-dark(#eff4f6, #171d1e); --ct-sys-color-surface-container-solved: light-dark(#e9eff1, #1b2122); --ct-sys-color-surface-container-high-solved: light-dark(#e4e9eb, #252b2d); --ct-sys-color-surface-container-highest-solved: light-dark(#dee3e5, #303637); --ct-sys-color-on-surface-variant-solved: light-dark(#3f484b, #bfc8cb); } [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-error-hover: light-dark(#ad0d12, #ffb4ab); --ct-sys-color-error-pressed: light-dark(#9a000a, #ffbab2); --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-error-container-hover: light-dark(#93000a, #ffdad6); --ct-sys-color-on-error-container-pressed: light-dark(#93000a, #ffdad6); --ct-sys-color-on-error-container-state-layer: light-dark(#93000a, #ffdad6); --ct-sys-color-on-error-hover: light-dark(#ffffff, #690005); --ct-sys-color-on-error-pressed: light-dark(#ffffff, #690005); --ct-sys-color-on-error-state-layer: light-dark(#ffffff, #690005); --ct-sys-color-on-information: light-dark(#ffffff, #003451); --ct-sys-color-on-information-container: light-dark(#004b72, #d7e4f2); --ct-sys-color-on-information-container-hover: light-dark(#004b72, #d7e4f2); --ct-sys-color-on-information-container-pressed: light-dark(#004b72, #d7e4f2); --ct-sys-color-on-information-container-state-layer: light-dark(#004b72, #d7e4f2); --ct-sys-color-on-information-hover: light-dark(#ffffff, #003451); --ct-sys-color-on-information-pressed: light-dark(#ffffff, #003451); --ct-sys-color-on-information-state-layer: light-dark(#000000, #003451); --ct-sys-color-on-primary: light-dark(#ffffff, #003259); --ct-sys-color-on-primary-container: light-dark(#00497f, #d2e4ff); --ct-sys-color-on-primary-container-hover: light-dark(#00497f, #d2e4ff); --ct-sys-color-on-primary-container-pressed: light-dark(#00497f, #d2e4ff); --ct-sys-color-on-primary-container-selected: light-dark(#00497f, #d2e4ff); --ct-sys-color-on-primary-container-selected-hover: light-dark(#00497f, #deebff); --ct-sys-color-on-primary-container-selected-pressed: light-dark(#004477, #fdfcff); --ct-sys-color-on-primary-container-state-layer: 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-primary-hover: light-dark(#ffffff, #003259); --ct-sys-color-on-primary-pressed: light-dark(#ffffff, #003259); --ct-sys-color-on-primary-state-layer: light-dark(#000000, #003259); --ct-sys-color-on-secondary: light-dark(#ffffff, #5b005a); --ct-sys-color-on-secondary-container: light-dark(#810080, #ffd7f5); --ct-sys-color-on-secondary-container-hover: light-dark(#810080, #ffd7f5); --ct-sys-color-on-secondary-container-pressed: light-dark(#810080, #ffd7f5); --ct-sys-color-on-secondary-container-selected: light-dark(#810080, #ffd7f5); --ct-sys-color-on-secondary-container-selected-hover: light-dark(#810080, #ffdff6); --ct-sys-color-on-secondary-container-selected-pressed: light-dark(#750174, #fffbff); --ct-sys-color-on-secondary-container-state-layer: 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-secondary-hover: light-dark(#ffffff, #5b005a); --ct-sys-color-on-secondary-pressed: light-dark(#ffffff, #5b005a); --ct-sys-color-on-secondary-state-layer: light-dark(#000000, #5b005a); --ct-sys-color-on-success: light-dark(#ffffff, #00391a); --ct-sys-color-on-success-container: light-dark(#005229, #d6e7d5); --ct-sys-color-on-success-container-hover: light-dark(#005229, #d6e7d5); --ct-sys-color-on-success-container-pressed: light-dark(#005229, #d6e7d5); --ct-sys-color-on-success-container-state-layer: light-dark(#005229, #d6e7d5); --ct-sys-color-on-success-hover: light-dark(#ffffff, #00391a); --ct-sys-color-on-success-pressed: light-dark(#ffffff, #00391a); --ct-sys-color-on-success-state-layer: light-dark(#000000, #00391a); --ct-sys-color-on-surface: light-dark(#191c20, #e1e2e8); --ct-sys-color-on-surface-hover: light-dark(#191c20, #e1e2e8); --ct-sys-color-on-surface-pressed: light-dark(#191c20, #e1e2e8); --ct-sys-color-on-surface-selected-hover: light-dark(#191c20, #e1e2e8); --ct-sys-color-on-surface-selected-pressed: light-dark(#191c20, #ebecf2); --ct-sys-color-on-surface-selected-state-layer: light-dark(#191c20, #e1e2e8); --ct-sys-color-on-surface-variant: light-dark(#43474e, #c3c6cf); --ct-sys-color-on-surface-variant-hover: light-dark(#43474e, #c3c6cf); --ct-sys-color-on-surface-variant-pressed: light-dark(#43474e, #c9ccd5); --ct-sys-color-on-tertiary: light-dark(#ffffff, #4f2500); --ct-sys-color-on-tertiary-container: light-dark(#703700, #ffdcc5); --ct-sys-color-on-tertiary-container-hover: light-dark(#703700, #ffdcc5); --ct-sys-color-on-tertiary-container-pressed: light-dark(#703700, #ffdcc5); --ct-sys-color-on-tertiary-container-state-layer: 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-tertiary-hover: light-dark(#ffffff, #4f2500); --ct-sys-color-on-tertiary-pressed: light-dark(#ffffff, #4f2500); --ct-sys-color-on-tertiary-state-layer: light-dark(#000000, #4f2500); --ct-sys-color-on-warning: light-dark(#ffffff, #3f2e00); --ct-sys-color-on-warning-container: light-dark(#5b4300, #f2e0c2); --ct-sys-color-on-warning-container-hover: light-dark(#5b4300, #f2e0c2); --ct-sys-color-on-warning-container-pressed: light-dark(#5b4300, #f2e0c2); --ct-sys-color-on-warning-container-state-layer: light-dark(#5b4300, #f2e0c2); --ct-sys-color-on-warning-hover: light-dark(#ffffff, #3f2e00); --ct-sys-color-on-warning-pressed: light-dark(#ffffff, #3f2e00); --ct-sys-color-on-warning-state-layer: light-dark(#000000, #3f2e00); --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-hover: light-dark(#005898, #94c2fd); --ct-sys-color-primary-palette-key-color: light-dark(#0397fe, #0397fe); --ct-sys-color-primary-pressed: light-dark(#004c85, #aaceff); --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-hover: light-dark(#813c7b, #f6b0ea); --ct-sys-color-secondary-palette-key-color: light-dark(#f505f3, #f505f3); --ct-sys-color-secondary-pressed: light-dark(#742f6e, #fbb4ee); --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-hover: light-dark(#864300, #feac6e); --ct-sys-color-tertiary-palette-key-color: light-dark(#e37600, #e37600); --ct-sys-color-tertiary-pressed: light-dark(#743a01, #ffbd8d); --ct-sys-color-warning: light-dark(#845400, #e3c37e); --ct-sys-color-warning-container: light-dark(#f2e0c2, #643f00); --ct-sys-color-on-primary-container-solved: light-dark(#00497f, #d2e4ff); --ct-sys-color-primary-container-solved: light-dark(#d2e4fe, #3a485b); --ct-sys-color-on-secondary-container-solved: light-dark(#810080, #ffd7f5); --ct-sys-color-secondary-container-solved: light-dark(#fcd8f3, #564052); --ct-sys-color-on-tertiary-container-solved: light-dark(#703700, #ffdcc5); --ct-sys-color-tertiary-container-solved: light-dark(#ffdcc5, #5d402c); --ct-sys-color-on-error-container-solved: light-dark(#93000a, #ffdad6); --ct-sys-color-error-container-solved: light-dark(#ffdad6, #93000a); --ct-sys-color-on-information-container-solved: light-dark(#004b72, #d7e4f2); --ct-sys-color-information-container-solved: light-dark(#d7e4f2, #004b72); --ct-sys-color-on-success-container-solved: light-dark(#005229, #d6e7d5); --ct-sys-color-success-container-solved: light-dark(#d6e7d5, #005229); --ct-sys-color-on-warning-container-solved: light-dark(#5b4300, #f2e0c2); --ct-sys-color-warning-container-solved: light-dark(#f2e0c2, #643f00); --ct-sys-color-on-primary-solved: light-dark(#ffffff, #003259); --ct-sys-color-primary-solved: light-dark(#0b61a4, #94c2fd); --ct-sys-color-on-secondary-solved: light-dark(#ffffff, #5b005a); --ct-sys-color-secondary-solved: light-dark(#8b4484, #f6b0ea); --ct-sys-color-on-tertiary-solved: light-dark(#ffffff, #4f2500); --ct-sys-color-tertiary-solved: light-dark(#964c00, #feac6e); --ct-sys-color-on-error-solved: light-dark(#ffffff, #690005); --ct-sys-color-error-solved: light-dark(#ba1a1a, #ffb4ab); --ct-sys-color-on-information-solved: light-dark(#ffffff, #003451); --ct-sys-color-information-solved: light-dark(#006496, #a4cbee); --ct-sys-color-on-success-solved: light-dark(#ffffff, #00391a); --ct-sys-color-success-solved: light-dark(#006d38, #a3d2ac); --ct-sys-color-on-warning-solved: light-dark(#ffffff, #3f2e00); --ct-sys-color-warning-solved: light-dark(#845400, #e3c37e); --ct-sys-color-on-surface-solved: light-dark(#191c20, #e1e2e8); --ct-sys-color-surface-solved: light-dark(#ffffff, #000000); --ct-sys-color-background-solved: light-dark(#ffffff, #000000); --ct-sys-color-surface-dim-solved: light-dark(#d8dae0, #111418); --ct-sys-color-surface-bright-solved: light-dark(#f8f9ff, #36393e); --ct-sys-color-surface-container-lowest-solved: light-dark(#ffffff, #0b0e13); --ct-sys-color-surface-container-low-solved: light-dark(#f2f3fa, #191c20); --ct-sys-color-surface-container-solved: light-dark(#eceef4, #1d2024); --ct-sys-color-surface-container-high-solved: light-dark(#e7e8ee, #272a2f); --ct-sys-color-surface-container-highest-solved: light-dark(#e1e2e8, #32353a); --ct-sys-color-on-surface-variant-solved: light-dark(#43474e, #c3c6cf); } [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-error-hover: light-dark(#ad0d12, #ffb4ab); --ct-sys-color-error-pressed: light-dark(#98000a, #ffbab2); --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-error-container-hover: light-dark(#93000a, #ffdad6); --ct-sys-color-on-error-container-pressed: light-dark(#93000a, #ffdad6); --ct-sys-color-on-error-container-state-layer: light-dark(#93000a, #ffdad6); --ct-sys-color-on-error-hover: light-dark(#ffffff, #690005); --ct-sys-color-on-error-pressed: light-dark(#ffffff, #690005); --ct-sys-color-on-error-state-layer: light-dark(#ffffff, #690005); --ct-sys-color-on-information: light-dark(#ffffff, #003451); --ct-sys-color-on-information-container: light-dark(#004b72, #d7e4f2); --ct-sys-color-on-information-container-hover: light-dark(#004b72, #d7e4f2); --ct-sys-color-on-information-container-pressed: light-dark(#004b72, #d7e4f2); --ct-sys-color-on-information-container-state-layer: light-dark(#004b72, #d7e4f2); --ct-sys-color-on-information-hover: light-dark(#ffffff, #003451); --ct-sys-color-on-information-pressed: light-dark(#ffffff, #003451); --ct-sys-color-on-information-state-layer: light-dark(#000000, #003451); --ct-sys-color-on-primary: light-dark(#ffffff, #330099); --ct-sys-color-on-primary-container: light-dark(#4a21bd, #e6deff); --ct-sys-color-on-primary-container-hover: light-dark(#4a21bd, #e6deff); --ct-sys-color-on-primary-container-pressed: light-dark(#4a21bd, #e6deff); --ct-sys-color-on-primary-container-selected: light-dark(#4a21bd, #e6deff); --ct-sys-color-on-primary-container-selected-hover: light-dark(#4a21bd, #ece4ff); --ct-sys-color-on-primary-container-selected-pressed: light-dark(#4416b7, #fffbff); --ct-sys-color-on-primary-container-state-layer: 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-primary-hover: light-dark(#ffffff, #330099); --ct-sys-color-on-primary-pressed: light-dark(#ffffff, #330099); --ct-sys-color-on-primary-state-layer: light-dark(#000000, #330099); --ct-sys-color-on-secondary: light-dark(#ffffff, #68001a); --ct-sys-color-on-secondary-container: light-dark(#920028, #ffdada); --ct-sys-color-on-secondary-container-hover: light-dark(#920028, #ffdada); --ct-sys-color-on-secondary-container-pressed: light-dark(#920028, #ffdada); --ct-sys-color-on-secondary-container-selected: light-dark(#920028, #ffdada); --ct-sys-color-on-secondary-container-selected-hover: light-dark(#920028, #ffe2e1); --ct-sys-color-on-secondary-container-selected-pressed: light-dark(#830023, #fffbff); --ct-sys-color-on-secondary-container-state-layer: 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-secondary-hover: light-dark(#ffffff, #68001a); --ct-sys-color-on-secondary-pressed: light-dark(#ffffff, #68001a); --ct-sys-color-on-secondary-state-layer: light-dark(#000000, #68001a); --ct-sys-color-on-success: light-dark(#ffffff, #00391a); --ct-sys-color-on-success-container: light-dark(#005229, #d6e7d5); --ct-sys-color-on-success-container-hover: light-dark(#005229, #d6e7d5); --ct-sys-color-on-success-container-pressed: light-dark(#005229, #d6e7d5); --ct-sys-color-on-success-container-state-layer: light-dark(#005229, #d6e7d5); --ct-sys-color-on-success-hover: light-dark(#ffffff, #00391a); --ct-sys-color-on-success-pressed: light-dark(#ffffff, #00391a); --ct-sys-color-on-success-state-layer: light-dark(#000000, #00391a); --ct-sys-color-on-surface: light-dark(#1c1b20, #e6e1e9); --ct-sys-color-on-surface-hover: light-dark(#1c1b20, #e6e1e9); --ct-sys-color-on-surface-pressed: light-dark(#1c1b20, #e6e1e9); --ct-sys-color-on-surface-selected-hover: light-dark(#1c1b20, #e6e1e9); --ct-sys-color-on-surface-selected-pressed: light-dark(#1c1b20, #f0ebf3); --ct-sys-color-on-surface-selected-state-layer: light-dark(#1c1b20, #e6e1e9); --ct-sys-color-on-surface-variant: light-dark(#48454e, #c9c4d0); --ct-sys-color-on-surface-variant-hover: light-dark(#48454e, #c9c4d0); --ct-sys-color-on-surface-variant-pressed: light-dark(#48454e, #cfcad6); --ct-sys-color-on-tertiary: light-dark(#ffffff, #3b2f00); --ct-sys-color-on-tertiary-container: light-dark(#554500, #ffe179); --ct-sys-color-on-tertiary-container-hover: light-dark(#554500, #ffe179); --ct-sys-color-on-tertiary-container-pressed: light-dark(#554500, #ffe179); --ct-sys-color-on-tertiary-container-state-layer: 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-tertiary-hover: light-dark(#ffffff, #3b2f00); --ct-sys-color-on-tertiary-pressed: light-dark(#ffffff, #3b2f00); --ct-sys-color-on-tertiary-state-layer: light-dark(#000000, #3b2f00); --ct-sys-color-on-warning: light-dark(#ffffff, #3f2e00); --ct-sys-color-on-warning-container: light-dark(#5b4300, #f2e0c2); --ct-sys-color-on-warning-container-hover: light-dark(#5b4300, #f2e0c2); --ct-sys-color-on-warning-container-pressed: light-dark(#5b4300, #f2e0c2); --ct-sys-color-on-warning-container-state-layer: light-dark(#5b4300, #f2e0c2); --ct-sys-color-on-warning-hover: light-dark(#ffffff, #3f2e00); --ct-sys-color-on-warning-pressed: light-dark(#ffffff, #3f2e00); --ct-sys-color-on-warning-state-layer: light-dark(#000000, #3f2e00); --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-hover: light-dark(#59489d, #c4b6ff); --ct-sys-color-primary-palette-key-color: light-dark(#7c5df0, #7c5df0); --ct-sys-color-primary-pressed: light-dark(#4d3c90, #d0c4ff); --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-hover: light-dark(#913841, #ffa7ab); --ct-sys-color-secondary-palette-key-color: light-dark(#ec0848, #ec0848); --ct-sys-color-secondary-pressed: light-dark(#822c36, #ffb9bc); --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-hover: light-dark(#675400, #e1c562); --ct-sys-color-tertiary-palette-key-color: light-dark(#9d8102, #9d8102); --ct-sys-color-tertiary-pressed: light-dark(#594800, #e7cb67); --ct-sys-color-warning: light-dark(#845400, #e3c37e); --ct-sys-color-warning-container: light-dark(#f2e0c2, #643f00); --ct-sys-color-on-primary-container-solved: light-dark(#4a21bd, #e6deff); --ct-sys-color-primary-container-solved: light-dark(#e6deff, #48435b); --ct-sys-color-on-secondary-container-solved: light-dark(#920028, #ffdada); --ct-sys-color-secondary-container-solved: light-dark(#ffdada, #5f3e40); --ct-sys-color-on-tertiary-container-solved: light-dark(#554500, #ffe179); --ct-sys-color-tertiary-container-solved: light-dark(#f2e2b1, #4f4626); --ct-sys-color-on-error-container-solved: light-dark(#93000a, #ffdad6); --ct-sys-color-error-container-solved: light-dark(#ffdad6, #93000a); --ct-sys-color-on-information-container-solved: light-dark(#004b72, #d7e4f2); --ct-sys-color-information-container-solved: light-dark(#d7e4f2, #004b72); --ct-sys-color-on-success-container-solved: light-dark(#005229, #d6e7d5); --ct-sys-color-success-container-solved: light-dark(#d6e7d5, #005229); --ct-sys-color-on-warning-container-solved: light-dark(#5b4300, #f2e0c2); --ct-sys-color-warning-container-solved: light-dark(#f2e0c2, #643f00); --ct-sys-color-on-primary-solved: light-dark(#ffffff, #330099); --ct-sys-color-primary-solved: light-dark(#6251a6, #c4b6ff); --ct-sys-color-on-secondary-solved: light-dark(#ffffff, #68001a); --ct-sys-color-secondary-solved: light-dark(#9c4049, #ffa7ab); --ct-sys-color-on-tertiary-solved: light-dark(#ffffff, #3b2f00); --ct-sys-color-tertiary-solved: light-dark(#786200, #e1c562); --ct-sys-color-on-error-solved: light-dark(#ffffff, #690005); --ct-sys-color-error-solved: light-dark(#ba1a1a, #ffb4ab); --ct-sys-color-on-information-solved: light-dark(#ffffff, #003451); --ct-sys-color-information-solved: light-dark(#006496, #a4cbee); --ct-sys-color-on-success-solved: light-dark(#ffffff, #00391a); --ct-sys-color-success-solved: light-dark(#006d38, #a3d2ac); --ct-sys-color-on-warning-solved: light-dark(#ffffff, #3f2e00); --ct-sys-color-warning-solved: light-dark(#845400, #e3c37e); --ct-sys-color-on-surface-solved: light-dark(#1c1b20, #e6e1e9); --ct-sys-color-surface-solved: light-dark(#ffffff, #000000); --ct-sys-color-background-solved: light-dark(#ffffff, #000000); --ct-sys-color-surface-dim-solved: light-dark(#ddd8e0, #141318); --ct-sys-color-surface-bright-solved: light-dark(#fdf8ff, #3a383e); --ct-sys-color-surface-container-lowest-solved: light-dark(#ffffff, #0f0d13); --ct-sys-color-surface-container-low-solved: light-dark(#f7f2fa, #1c1b20); --ct-sys-color-surface-container-solved: light-dark(#f1ecf4, #201f24); --ct-sys-color-surface-container-high-solved: light-dark(#ebe6ee, #2b292f); --ct-sys-color-surface-container-highest-solved: light-dark(#e6e1e9, #36343a); --ct-sys-color-on-surface-variant-solved: light-dark(#48454e, #c9c4d0); } [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-error-hover: light-dark(#ad0d12, #ffb4ab); --ct-sys-color-error-pressed: light-dark(#98000a, #ffbab2); --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-error-container-hover: light-dark(#93000a, #ffdad6); --ct-sys-color-on-error-container-pressed: light-dark(#93000a, #ffdad6); --ct-sys-color-on-error-container-state-layer: light-dark(#93000a, #ffdad6); --ct-sys-color-on-error-hover: light-dark(#ffffff, #690005); --ct-sys-color-on-error-pressed: light-dark(#ffffff, #690005); --ct-sys-color-on-error-state-layer: light-dark(#ffffff, #690005); --ct-sys-color-on-information: light-dark(#ffffff, #003451); --ct-sys-color-on-information-container: light-dark(#004b72, #d7e4f2); --ct-sys-color-on-information-container-hover: light-dark(#004b72, #d7e4f2); --ct-sys-color-on-information-container-pressed: light-dark(#004b72, #d7e4f2); --ct-sys-color-on-information-container-state-layer: light-dark(#004b72, #d7e4f2); --ct-sys-color-on-information-hover: light-dark(#ffffff, #003451); --ct-sys-color-on-information-pressed: light-dark(#ffffff, #003451); --ct-sys-color-on-information-state-layer: light-dark(#000000, #003451); --ct-sys-color-on-primary: light-dark(#ffffff, #5b005a); --ct-sys-color-on-primary-container: light-dark(#810180, #ffd7f5); --ct-sys-color-on-primary-container-hover: light-dark(#810180, #ffd7f5); --ct-sys-color-on-primary-container-pressed: light-dark(#810180, #ffd7f5); --ct-sys-color-on-primary-container-selected: light-dark(#810180, #ffd7f5); --ct-sys-color-on-primary-container-selected-hover: light-dark(#810180, #ffe1f6); --ct-sys-color-on-primary-container-selected-pressed: light-dark(#740073, #fffdff); --ct-sys-color-on-primary-container-state-layer: 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-primary-hover: light-dark(#ffffff, #5b005a); --ct-sys-color-on-primary-pressed: light-dark(#ffffff, #5b005a); --ct-sys-color-on-primary-state-layer: light-dark(#000000, #5b005a); --ct-sys-color-on-secondary: light-dark(#ffffff, #4f2500); --ct-sys-color-on-secondary-container: light-dark(#703700, #ffdcc5); --ct-sys-color-on-secondary-container-hover: light-dark(#703700, #ffdcc5); --ct-sys-color-on-secondary-container-pressed: light-dark(#703700, #ffdcc5); --ct-sys-color-on-secondary-container-selected: light-dark(#703700, #ffdcc5); --ct-sys-color-on-secondary-container-selected-hover: light-dark(#703700, #ffe3d1); --ct-sys-color-on-secondary-container-selected-pressed: light-dark(#693300, #fffbff); --ct-sys-color-on-secondary-container-state-layer: 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-secondary-hover: light-dark(#ffffff, #4f2500); --ct-sys-color-on-secondary-pressed: light-dark(#ffffff, #4f2500); --ct-sys-color-on-secondary-state-layer: light-dark(#000000, #4f2500); --ct-sys-color-on-success: light-dark(#ffffff, #00391a); --ct-sys-color-on-success-container: light-dark(#005229, #d6e7d5); --ct-sys-color-on-success-container-hover: light-dark(#005229, #d6e7d5); --ct-sys-color-on-success-container-pressed: light-dark(#005229, #d6e7d5); --ct-sys-color-on-success-container-state-layer: light-dark(#005229, #d6e7d5); --ct-sys-color-on-success-hover: light-dark(#ffffff, #00391a); --ct-sys-color-on-success-pressed: light-dark(#ffffff, #00391a); --ct-sys-color-on-success-state-layer: light-dark(#000000, #00391a); --ct-sys-color-on-surface: light-dark(#201a1e, #ecdfe5); --ct-sys-color-on-surface-hover: light-dark(#201a1e, #ecdfe5); --ct-sys-color-on-surface-pressed: light-dark(#201a1e, #ecdfe5); --ct-sys-color-on-surface-selected-hover: light-dark(#201a1e, #ecdfe5); --ct-sys-color-on-surface-selected-pressed: light-dark(#201a1e, #f6e9ef); --ct-sys-color-on-surface-selected-state-layer: light-dark(#201a1e, #ecdfe5); --ct-sys-color-on-surface-variant: light-dark(#4e444b, #d1c2cb); --ct-sys-color-on-surface-variant-hover: light-dark(#4e444b, #d1c2cb); --ct-sys-color-on-surface-variant-pressed: light-dark(#4e444b, #d7c8d1); --ct-sys-color-on-tertiary: light-dark(#ffffff, #193800); --ct-sys-color-on-tertiary-container: light-dark(#275000, #bdf291); --ct-sys-color-on-tertiary-container-hover: light-dark(#275000, #bdf291); --ct-sys-color-on-tertiary-container-pressed: light-dark(#275000, #bdf291); --ct-sys-color-on-tertiary-container-state-layer: 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-tertiary-hover: light-dark(#ffffff, #193800); --ct-sys-color-on-tertiary-pressed: light-dark(#ffffff, #193800); --ct-sys-color-on-tertiary-state-layer: light-dark(#000000, #193800); --ct-sys-color-on-warning: light-dark(#ffffff, #3f2e00); --ct-sys-color-on-warning-container: light-dark(#5b4300, #f2e0c2); --ct-sys-color-on-warning-container-hover: light-dark(#5b4300, #f2e0c2); --ct-sys-color-on-warning-container-pressed: light-dark(#5b4300, #f2e0c2); --ct-sys-color-on-warning-container-state-layer: light-dark(#5b4300, #f2e0c2); --ct-sys-color-on-warning-hover: light-dark(#ffffff, #3f2e00); --ct-sys-color-on-warning-pressed: light-dark(#ffffff, #3f2e00); --ct-sys-color-on-warning-state-layer: light-dark(#000000, #3f2e00); --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-hover: light-dark(#813c7b, #f6b0ea); --ct-sys-color-primary-palette-key-color: light-dark(#bc46b5, #bc46b5); --ct-sys-color-primary-pressed: light-dark(#742f6e, #fcb5f0); --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-hover: light-dark(#864300, #feac6e); --ct-sys-color-secondary-palette-key-color: light-dark(#ab662e, #ab662e); --ct-sys-color-secondary-pressed: light-dark(#743a01, #ffbd8d); --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-hover: light-dark(#366010, #aad386); --ct-sys-color-tertiary-palette-key-color: light-dark(#568331, #568331); --ct-sys-color-tertiary-pressed: light-dark(#2a5403, #afd98b); --ct-sys-color-warning: light-dark(#845400, #e3c37e); --ct-sys-color-warning-container: light-dark(#f2e0c2, #643f00); --ct-sys-color-on-primary-container-solved: light-dark(#810180, #ffd7f5); --ct-sys-color-primary-container-solved: light-dark(#fcd8f3, #564052); --ct-sys-color-on-secondary-container-solved: light-dark(#703700, #ffdcc5); --ct-sys-color-secondary-container-solved: light-dark(#ffdcc5, #5d402c); --ct-sys-color-on-tertiary-container-solved: light-dark(#275000, #bdf291); --ct-sys-color-tertiary-container-solved: light-dark(#d7e9c3, #3d4a31); --ct-sys-color-on-error-container-solved: light-dark(#93000a, #ffdad6); --ct-sys-color-error-container-solved: light-dark(#ffdad6, #93000a); --ct-sys-color-on-information-container-solved: light-dark(#004b72, #d7e4f2); --ct-sys-color-information-container-solved: light-dark(#d7e4f2, #004b72); --ct-sys-color-on-success-container-solved: light-dark(#005229, #d6e7d5); --ct-sys-color-success-container-solved: light-dark(#d6e7d5, #005229); --ct-sys-color-on-warning-container-solved: light-dark(#5b4300, #f2e0c2); --ct-sys-color-warning-container-solved: light-dark(#f2e0c2, #643f00); --ct-sys-color-on-primary-solved: light-dark(#ffffff, #5b005a); --ct-sys-color-primary-solved: light-dark(#8b4484, #f6b0ea); --ct-sys-color-on-secondary-solved: light-dark(#ffffff, #4f2500); --ct-sys-color-secondary-solved: light-dark(#964c00, #feac6e); --ct-sys-color-on-tertiary-solved: light-dark(#ffffff, #193800); --ct-sys-color-tertiary-solved: light-dark(#3e6919, #aad386); --ct-sys-color-on-error-solved: light-dark(#ffffff, #690005); --ct-sys-color-error-solved: light-dark(#ba1a1a, #ffb4ab); --ct-sys-color-on-information-solved: light-dark(#ffffff, #003451); --ct-sys-color-information-solved: light-dark(#006496, #a4cbee); --ct-sys-color-on-success-solved: light-dark(#ffffff, #00391a); --ct-sys-color-success-solved: light-dark(#006d38, #a3d2ac); --ct-sys-color-on-warning-solved: light-dark(#ffffff, #3f2e00); --ct-sys-color-warning-solved: light-dark(#845400, #e3c37e); --ct-sys-color-on-surface-solved: light-dark(#201a1e, #ecdfe5); --ct-sys-color-surface-solved: light-dark(#ffffff, #000000); --ct-sys-color-background-solved: light-dark(#ffffff, #000000); --ct-sys-color-surface-dim-solved: light-dark(#e3d7dd, #171216); --ct-sys-color-surface-bright-solved: light-dark(#fff7f9, #3e373c); --ct-sys-color-surface-container-lowest-solved: light-dark(#ffffff, #120d11); --ct-sys-color-surface-container-low-solved: light-dark(#fdf0f6, #201a1e); --ct-sys-color-surface-container-solved: light-dark(#f7eaf1, #241e22); --ct-sys-color-surface-container-high-solved: light-dark(#f1e5eb, #2f282d); --ct-sys-color-surface-container-highest-solved: light-dark(#ecdfe5, #3a3338); --ct-sys-color-on-surface-variant-solved: light-dark(#4e444b, #d1c2cb); } [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-error-hover: light-dark(#ad0d12, #ffb4ab); --ct-sys-color-error-pressed: light-dark(#98000a, #ffbcb4); --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-error-container-hover: light-dark(#93000a, #ffdad6); --ct-sys-color-on-error-container-pressed: light-dark(#93000a, #ffdad6); --ct-sys-color-on-error-container-state-layer: light-dark(#93000a, #ffdad6); --ct-sys-color-on-error-hover: light-dark(#ffffff, #690005); --ct-sys-color-on-error-pressed: light-dark(#ffffff, #690005); --ct-sys-color-on-error-state-layer: light-dark(#ffffff, #690005); --ct-sys-color-on-information: light-dark(#ffffff, #003451); --ct-sys-color-on-information-container: light-dark(#004b72, #d7e4f2); --ct-sys-color-on-information-container-hover: light-dark(#004b72, #d7e4f2); --ct-sys-color-on-information-container-pressed: light-dark(#004b72, #d7e4f2); --ct-sys-color-on-information-container-state-layer: light-dark(#004b72, #d7e4f2); --ct-sys-color-on-information-hover: light-dark(#ffffff, #003451); --ct-sys-color-on-information-pressed: light-dark(#ffffff, #003451); --ct-sys-color-on-information-state-layer: light-dark(#000000, #003451); --ct-sys-color-on-primary: light-dark(#ffffff, #68001a); --ct-sys-color-on-primary-container: light-dark(#8f0c2a, #ffdada); --ct-sys-color-on-primary-container-hover: light-dark(#8f0c2a, #ffdada); --ct-sys-color-on-primary-container-pressed: light-dark(#8f0c2a, #ffdada); --ct-sys-color-on-primary-container-selected: light-dark(#8f0c2a, #ffdada); --ct-sys-color-on-primary-container-selected-hover: light-dark(#8f0c2a, #ffe2e1); --ct-sys-color-on-primary-container-selected-pressed: light-dark(#850124, #fffbff); --ct-sys-color-on-primary-container-state-layer: 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-primary-hover: light-dark(#ffffff, #68001a); --ct-sys-color-on-primary-pressed: light-dark(#ffffff, #68001a); --ct-sys-color-on-primary-state-layer: light-dark(#000000, #68001a); --ct-sys-color-on-secondary: light-dark(#ffffff, #3b2f00); --ct-sys-color-on-secondary-container: light-dark(#554500, #fbe18e); --ct-sys-color-on-secondary-container-hover: light-dark(#554500, #fbe18e); --ct-sys-color-on-secondary-container-pressed: light-dark(#554500, #fbe18e); --ct-sys-color-on-secondary-container-selected: light-dark(#554500, #fbe18e); --ct-sys-color-on-secondary-container-selected-hover: light-dark(#554500, #ffe79c); --ct-sys-color-on-secondary-container-selected-pressed: light-dark(#504100, #fffbff); --ct-sys-color-on-secondary-container-state-layer: 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-secondary-hover: light-dark(#ffffff, #3b2f00); --ct-sys-color-on-secondary-pressed: light-dark(#ffffff, #3b2f00); --ct-sys-color-on-secondary-state-layer: light-dark(#000000, #3b2f00); --ct-sys-color-on-success: light-dark(#ffffff, #00391a); --ct-sys-color-on-success-container: light-dark(#005229, #d6e7d5); --ct-sys-color-on-success-container-hover: light-dark(#005229, #d6e7d5); --ct-sys-color-on-success-container-pressed: light-dark(#005229, #d6e7d5); --ct-sys-color-on-success-container-state-layer: light-dark(#005229, #d6e7d5); --ct-sys-color-on-success-hover: light-dark(#ffffff, #00391a); --ct-sys-color-on-success-pressed: light-dark(#ffffff, #00391a); --ct-sys-color-on-success-state-layer: light-dark(#000000, #00391a); --ct-sys-color-on-surface: light-dark(#22191a, #f0dede); --ct-sys-color-on-surface-hover: light-dark(#22191a, #f0dede); --ct-sys-color-on-surface-pressed: light-dark(#22191a, #f0dede); --ct-sys-color-on-surface-selected-hover: light-dark(#22191a, #f0dede); --ct-sys-color-on-surface-selected-pressed: light-dark(#22191a, #fce9e9); --ct-sys-color-on-surface-selected-state-layer: light-dark(#22191a, #f0dede); --ct-sys-color-on-surface-variant: light-dark(#524343, #d7c1c2); --ct-sys-color-on-surface-variant-hover: light-dark(#524343, #d7c1c2); --ct-sys-color-on-surface-variant-pressed: light-dark(#524343, #ddc6c7); --ct-sys-color-on-tertiary: light-dark(#ffffff, #00382b); --ct-sys-color-on-tertiary-container: light-dark(#005140, #acf0d9); --ct-sys-color-on-tertiary-container-hover: light-dark(#005140, #acf0d9); --ct-sys-color-on-tertiary-container-pressed: light-dark(#005140, #acf0d9); --ct-sys-color-on-tertiary-container-state-layer: 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-tertiary-hover: light-dark(#ffffff, #00382b); --ct-sys-color-on-tertiary-pressed: light-dark(#ffffff, #00382b); --ct-sys-color-on-tertiary-state-layer: light-dark(#000000, #00382b); --ct-sys-color-on-warning: light-dark(#ffffff, #3f2e00); --ct-sys-color-on-warning-container: light-dark(#5b4300, #f2e0c2); --ct-sys-color-on-warning-container-hover: light-dark(#5b4300, #f2e0c2); --ct-sys-color-on-warning-container-pressed: light-dark(#5b4300, #f2e0c2); --ct-sys-color-on-warning-container-state-layer: light-dark(#5b4300, #f2e0c2); --ct-sys-color-on-warning-hover: light-dark(#ffffff, #3f2e00); --ct-sys-color-on-warning-pressed: light-dark(#ffffff, #3f2e00); --ct-sys-color-on-warning-state-layer: light-dark(#000000, #3f2e00); --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-hover: light-dark(#913842, #ffa7ab); --ct-sys-color-primary-palette-key-color: light-dark(#d24356, #d24356); --ct-sys-color-primary-pressed: light-dark(#822c37, #ffbbbe); --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-hover: light-dark(#665400, #e1c562); --ct-sys-color-secondary-palette-key-color: light-dark(#8a762f, #8a762f); --ct-sys-color-secondary-pressed: light-dark(#584800, #e7cb67); --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-hover: light-dark(#03614e, #7cd8bb); --ct-sys-color-tertiary-palette-key-color: light-dark(#418370, #418370); --ct-sys-color-tertiary-pressed: light-dark(#015443, #82dec0); --ct-sys-color-warning: light-dark(#845400, #e3c37e); --ct-sys-color-warning-container: light-dark(#f2e0c2, #643f00); --ct-sys-color-on-primary-container-solved: light-dark(#8f0c2a, #ffdada); --ct-sys-color-primary-container-solved: light-dark(#ffdada, #5f3e40); --ct-sys-color-on-secondary-container-solved: light-dark(#554500, #fbe18e); --ct-sys-color-secondary-container-solved: light-dark(#f3e2b1, #4f4626); --ct-sys-color-on-tertiary-container-solved: light-dark(#005140, #acf0d9); --ct-sys-color-tertiary-container-solved: light-dark(#c6eadc, #304c43); --ct-sys-color-on-error-container-solved: light-dark(#93000a, #ffdad6); --ct-sys-color-error-container-solved: light-dark(#ffdad6, #93000a); --ct-sys-color-on-information-container-solved: light-dark(#004b72, #d7e4f2); --ct-sys-color-information-container-solved: light-dark(#d7e4f2, #004b72); --ct-sys-color-on-success-container-solved: light-dark(#005229, #d6e7d5); --ct-sys-color-success-container-solved: light-dark(#d6e7d5, #005229); --ct-sys-color-on-warning-container-solved: light-dark(#5b4300, #f2e0c2); --ct-sys-color-warning-container-solved: light-dark(#f2e0c2, #643f00); --ct-sys-color-on-primary-solved: light-dark(#ffffff, #68001a); --ct-sys-color-primary-solved: light-dark(#9c404a, #ffa7ab); --ct-sys-color-on-secondary-solved: light-dark(#ffffff, #3b2f00); --ct-sys-color-secondary-solved: light-dark(#786300, #e1c562); --ct-sys-color-on-tertiary-solved: light-dark(#ffffff, #00382b); --ct-sys-color-tertiary-solved: light-dark(#00735c, #7cd8bb); --ct-sys-color-on-error-solved: light-dark(#ffffff, #690005); --ct-sys-color-error-solved: light-dark(#ba1a1a, #ffb4ab); --ct-sys-color-on-information-solved: light-dark(#ffffff, #003451); --ct-sys-color-information-solved: light-dark(#006496, #a4cbee); --ct-sys-color-on-success-solved: light-dark(#ffffff, #00391a); --ct-sys-color-success-solved: light-dark(#006d38, #a3d2ac); --ct-sys-color-on-warning-solved: light-dark(#ffffff, #3f2e00); --ct-sys-color-warning-solved: light-dark(#845400, #e3c37e); --ct-sys-color-on-surface-solved: light-dark(#22191a, #f0dede); --ct-sys-color-surface-solved: light-dark(#ffffff, #000000); --ct-sys-color-background-solved: light-dark(#ffffff, #000000); --ct-sys-color-surface-dim-solved: light-dark(#e7d6d6, #1a1112); --ct-sys-color-surface-bright-solved: light-dark(#fff8f7, #413737); --ct-sys-color-surface-container-lowest-solved: light-dark(#ffffff, #140c0c); --ct-sys-color-surface-container-low-solved: light-dark(#fff0f0, #22191a); --ct-sys-color-surface-container-solved: light-dark(#fceaea, #271d1e); --ct-sys-color-surface-container-high-solved: light-dark(#f6e4e4, #322828); --ct-sys-color-surface-container-highest-solved: light-dark(#f0dede, #3d3232); --ct-sys-color-on-surface-variant-solved: light-dark(#524343, #d7c1c2); } [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-error-hover: light-dark(#ad0d12, #ffb4ab); --ct-sys-color-error-pressed: light-dark(#98000a, #ffbab2); --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-error-container-hover: light-dark(#93000a, #ffdad6); --ct-sys-color-on-error-container-pressed: light-dark(#93000a, #ffdad6); --ct-sys-color-on-error-container-state-layer: light-dark(#93000a, #ffdad6); --ct-sys-color-on-error-hover: light-dark(#ffffff, #690005); --ct-sys-color-on-error-pressed: light-dark(#ffffff, #690005); --ct-sys-color-on-error-state-layer: light-dark(#ffffff, #690005); --ct-sys-color-on-information: light-dark(#ffffff, #003451); --ct-sys-color-on-information-container: light-dark(#004b72, #d7e4f2); --ct-sys-color-on-information-container-hover: light-dark(#004b72, #d7e4f2); --ct-sys-color-on-information-container-pressed: light-dark(#004b72, #d7e4f2); --ct-sys-color-on-information-container-state-layer: light-dark(#004b72, #d7e4f2); --ct-sys-color-on-information-hover: light-dark(#ffffff, #003451); --ct-sys-color-on-information-pressed: light-dark(#ffffff, #003451); --ct-sys-color-on-information-state-layer: light-dark(#000000, #003451); --ct-sys-color-on-primary: light-dark(#ffffff, #4f2500); --ct-sys-color-on-primary-container: light-dark(#703700, #ffdcc5); --ct-sys-color-on-primary-container-hover: light-dark(#703700, #ffdcc5); --ct-sys-color-on-primary-container-pressed: light-dark(#703700, #ffdcc5); --ct-sys-color-on-primary-container-selected: light-dark(#703700, #ffdcc5); --ct-sys-color-on-primary-container-selected-hover: light-dark(#703700, #ffe3d1); --ct-sys-color-on-primary-container-selected-pressed: light-dark(#693300, #fffbff); --ct-sys-color-on-primary-container-state-layer: 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-primary-hover: light-dark(#ffffff, #4f2500); --ct-sys-color-on-primary-pressed: light-dark(#ffffff, #4f2500); --ct-sys-color-on-primary-state-layer: light-dark(#000000, #4f2500); --ct-sys-color-on-secondary: light-dark(#ffffff, #193800); --ct-sys-color-on-secondary-container: light-dark(#275000, #9dfa4f); --ct-sys-color-on-secondary-container-hover: light-dark(#275000, #9dfa4f); --ct-sys-color-on-secondary-container-pressed: light-dark(#275000, #9dfa4f); --ct-sys-color-on-secondary-container-selected: light-dark(#275000, #9dfa4f); --ct-sys-color-on-secondary-container-selected-hover: light-dark(#275000, #a1fe53); --ct-sys-color-on-secondary-container-selected-pressed: light-dark(#244b00, #f3ffe1); --ct-sys-color-on-secondary-container-state-layer: 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-secondary-hover: light-dark(#ffffff, #193800); --ct-sys-color-on-secondary-pressed: light-dark(#ffffff, #193800); --ct-sys-color-on-secondary-state-layer: light-dark(#000000, #193800); --ct-sys-color-on-success: light-dark(#ffffff, #00391a); --ct-sys-color-on-success-container: light-dark(#005229, #d6e7d5); --ct-sys-color-on-success-container-hover: light-dark(#005229, #d6e7d5); --ct-sys-color-on-success-container-pressed: light-dark(#005229, #d6e7d5); --ct-sys-color-on-success-container-state-layer: light-dark(#005229, #d6e7d5); --ct-sys-color-on-success-hover: light-dark(#ffffff, #00391a); --ct-sys-color-on-success-pressed: light-dark(#ffffff, #00391a); --ct-sys-color-on-success-state-layer: light-dark(#000000, #00391a); --ct-sys-color-on-surface: light-dark(#221a15, #f0dfd6); --ct-sys-color-on-surface-hover: light-dark(#221a15, #f0dfd6); --ct-sys-color-on-surface-pressed: light-dark(#221a15, #f0dfd6); --ct-sys-color-on-surface-selected-hover: light-dark(#221a15, #f0dfd6); --ct-sys-color-on-surface-selected-pressed: light-dark(#221a15, #fae9e0); --ct-sys-color-on-surface-selected-state-layer: light-dark(#221a15, #f0dfd6); --ct-sys-color-on-surface-variant: light-dark(#52443b, #d6c3b7); --ct-sys-color-on-surface-variant-hover: light-dark(#52443b, #d6c3b7); --ct-sys-color-on-surface-variant-pressed: light-dark(#52443b, #dcc9bc); --ct-sys-color-on-tertiary: light-dark(#ffffff, #00363f); --ct-sys-color-on-tertiary-container: light-dark(#004e5b, #a7edff); --ct-sys-color-on-tertiary-container-hover: light-dark(#004e5b, #a7edff); --ct-sys-color-on-tertiary-container-pressed: light-dark(#004e5b, #a7edff); --ct-sys-color-on-tertiary-container-state-layer: 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-tertiary-hover: light-dark(#ffffff, #00363f); --ct-sys-color-on-tertiary-pressed: light-dark(#ffffff, #00363f); --ct-sys-color-on-tertiary-state-layer: light-dark(#000000, #00363f); --ct-sys-color-on-warning: light-dark(#ffffff, #3f2e00); --ct-sys-color-on-warning-container: light-dark(#5b4300, #f2e0c2); --ct-sys-color-on-warning-container-hover: light-dark(#5b4300, #f2e0c2); --ct-sys-color-on-warning-container-pressed: light-dark(#5b4300, #f2e0c2); --ct-sys-color-on-warning-container-state-layer: light-dark(#5b4300, #f2e0c2); --ct-sys-color-on-warning-hover: light-dark(#ffffff, #3f2e00); --ct-sys-color-on-warning-pressed: light-dark(#ffffff, #3f2e00); --ct-sys-color-on-warning-state-layer: light-dark(#000000, #3f2e00); --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-hover: light-dark(#864300, #feac6e); --ct-sys-color-primary-palette-key-color: light-dark(#fe8500, #fe8500); --ct-sys-color-primary-pressed: light-dark(#743a01, #ffbd8d); --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-hover: light-dark(#366011, #aad386); --ct-sys-color-secondary-palette-key-color: light-dark(#63bb02, #63bb02); --ct-sys-color-secondary-pressed: light-dark(#2a5404, #aed78a); --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-hover: light-dark(#005f6e, #76d3e9); --ct-sys-color-tertiary-palette-key-color: light-dark(#01b6d1, #01b6d1); --ct-sys-color-tertiary-pressed: light-dark(#00525f, #7cd9ef); --ct-sys-color-warning: light-dark(#845400, #e3c37e); --ct-sys-color-warning-container: light-dark(#f2e0c2, #643f00); --ct-sys-color-on-primary-container-solved: light-dark(#703700, #ffdcc5); --ct-sys-color-primary-container-solved: light-dark(#ffdcc5, #5d402c); --ct-sys-color-on-secondary-container-solved: light-dark(#275000, #9dfa4f); --ct-sys-color-secondary-container-solved: light-dark(#d7e8c2, #3d4a31); --ct-sys-color-on-tertiary-container-solved: light-dark(#004e5b, #a7edff); --ct-sys-color-tertiary-container-solved: light-dark(#c6e8f2, #2f4b52); --ct-sys-color-on-error-container-solved: light-dark(#93000a, #ffdad6); --ct-sys-color-error-container-solved: light-dark(#ffdad6, #93000a); --ct-sys-color-on-information-container-solved: light-dark(#004b72, #d7e4f2); --ct-sys-color-information-container-solved: light-dark(#d7e4f2, #004b72); --ct-sys-color-on-success-container-solved: light-dark(#005229, #d6e7d5); --ct-sys-color-success-container-solved: light-dark(#d6e7d5, #005229); --ct-sys-color-on-warning-container-solved: light-dark(#5b4300, #f2e0c2); --ct-sys-color-warning-container-solved: light-dark(#f2e0c2, #643f00); --ct-sys-color-on-primary-solved: light-dark(#ffffff, #4f2500); --ct-sys-color-primary-solved: light-dark(#964c00, #feac6e); --ct-sys-color-on-secondary-solved: light-dark(#ffffff, #193800); --ct-sys-color-secondary-solved: light-dark(#3e691a, #aad386); --ct-sys-color-on-tertiary-solved: light-dark(#ffffff, #00363f); --ct-sys-color-tertiary-solved: light-dark(#007183, #76d3e9); --ct-sys-color-on-error-solved: light-dark(#ffffff, #690005); --ct-sys-color-error-solved: light-dark(#ba1a1a, #ffb4ab); --ct-sys-color-on-information-solved: light-dark(#ffffff, #003451); --ct-sys-color-information-solved: light-dark(#006496, #a4cbee); --ct-sys-color-on-success-solved: light-dark(#ffffff, #00391a); --ct-sys-color-success-solved: light-dark(#006d38, #a3d2ac); --ct-sys-color-on-warning-solved: light-dark(#ffffff, #3f2e00); --ct-sys-color-warning-solved: light-dark(#845400, #e3c37e); --ct-sys-color-on-surface-solved: light-dark(#221a15, #f0dfd6); --ct-sys-color-surface-solved: light-dark(#ffffff, #000000); --ct-sys-color-background-solved: light-dark(#ffffff, #000000); --ct-sys-color-surface-dim-solved: light-dark(#e7d7ce, #19120d); --ct-sys-color-surface-bright-solved: light-dark(#fff8f5, #413731); --ct-sys-color-surface-container-lowest-solved: light-dark(#ffffff, #140d08); --ct-sys-color-surface-container-low-solved: light-dark(#fff1e9, #221a15); --ct-sys-color-surface-container-solved: light-dark(#fbebe1, #261e18); --ct-sys-color-surface-container-high-solved: light-dark(#f5e5dc, #312822); --ct-sys-color-surface-container-highest-solved: light-dark(#f0dfd6, #3c332d); --ct-sys-color-on-surface-variant-solved: light-dark(#52443b, #d6c3b7); } [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-error-hover: light-dark(#ad0d12, #ffb4ab); --ct-sys-color-error-pressed: light-dark(#98000a, #ffbcb4); --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-error-container-hover: light-dark(#93000a, #ffdad6); --ct-sys-color-on-error-container-pressed: light-dark(#93000a, #ffdad6); --ct-sys-color-on-error-container-state-layer: light-dark(#93000a, #ffdad6); --ct-sys-color-on-error-hover: light-dark(#ffffff, #690005); --ct-sys-color-on-error-pressed: light-dark(#ffffff, #690005); --ct-sys-color-on-error-state-layer: light-dark(#ffffff, #690005); --ct-sys-color-on-information: light-dark(#ffffff, #003451); --ct-sys-color-on-information-container: light-dark(#004b72, #d7e4f2); --ct-sys-color-on-information-container-hover: light-dark(#004b72, #d7e4f2); --ct-sys-color-on-information-container-pressed: light-dark(#004b72, #d7e4f2); --ct-sys-color-on-information-container-state-layer: light-dark(#004b72, #d7e4f2); --ct-sys-color-on-information-hover: light-dark(#ffffff, #003451); --ct-sys-color-on-information-pressed: light-dark(#ffffff, #003451); --ct-sys-color-on-information-state-layer: light-dark(#000000, #003451); --ct-sys-color-on-primary: light-dark(#ffffff, #3b2f00); --ct-sys-color-on-primary-container: light-dark(#564500, #ffe17b); --ct-sys-color-on-primary-container-hover: light-dark(#564500, #ffe17b); --ct-sys-color-on-primary-container-pressed: light-dark(#564500, #ffe17b); --ct-sys-color-on-primary-container-selected: light-dark(#564500, #ffe17b); --ct-sys-color-on-primary-container-selected-hover: light-dark(#564500, #ffe79c); --ct-sys-color-on-primary-container-selected-pressed: light-dark(#514100, #fffbff); --ct-sys-color-on-primary-container-state-layer: 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-primary-hover: light-dark(#ffffff, #3b2f00); --ct-sys-color-on-primary-pressed: light-dark(#ffffff, #3b2f00); --ct-sys-color-on-primary-state-layer: light-dark(#000000, #3b2f00); --ct-sys-color-on-secondary: light-dark(#ffffff, #00382b); --ct-sys-color-on-secondary-container: light-dark(#005140, #35fed0); --ct-sys-color-on-secondary-container-hover: light-dark(#005140, #35fed0); --ct-sys-color-on-secondary-container-pressed: light-dark(#005140, #35fed0); --ct-sys-color-on-secondary-container-selected: light-dark(#005140, #35fed0); --ct-sys-color-on-secondary-container-selected-hover: light-dark(#005140, #79ffd9); --ct-sys-color-on-secondary-container-selected-pressed: light-dark(#004b3b, #ecfff6); --ct-sys-color-on-secondary-container-state-layer: 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-secondary-hover: light-dark(#ffffff, #00382b); --ct-sys-color-on-secondary-pressed: light-dark(#ffffff, #00382b); --ct-sys-color-on-secondary-state-layer: light-dark(#000000, #00382b); --ct-sys-color-on-success: light-dark(#ffffff, #00391a); --ct-sys-color-on-success-container: light-dark(#005229, #d6e7d5); --ct-sys-color-on-success-container-hover: light-dark(#005229, #d6e7d5); --ct-sys-color-on-success-container-pressed: light-dark(#005229, #d6e7d5); --ct-sys-color-on-success-container-state-layer: light-dark(#005229, #d6e7d5); --ct-sys-color-on-success-hover: light-dark(#ffffff, #00391a); --ct-sys-color-on-success-pressed: light-dark(#ffffff, #00391a); --ct-sys-color-on-success-state-layer: light-dark(#000000, #00391a); --ct-sys-color-on-surface: light-dark(#1e1b13, #e9e2d4); --ct-sys-color-on-surface-hover: light-dark(#1e1b13, #e9e2d4); --ct-sys-color-on-surface-pressed: light-dark(#1e1b13, #e9e2d4); --ct-sys-color-on-surface-selected-hover: light-dark(#1e1b13, #e9e2d4); --ct-sys-color-on-surface-selected-pressed: light-dark(#1e1b13, #f3ecde); --ct-sys-color-on-surface-selected-state-layer: light-dark(#1e1b13, #e9e2d4); --ct-sys-color-on-surface-variant: light-dark(#4b4639, #cec6b4); --ct-sys-color-on-surface-variant-hover: light-dark(#4b4639, #cec6b4); --ct-sys-color-on-surface-variant-pressed: light-dark(#4b4639, #d4ccb9); --ct-sys-color-on-tertiary: light-dark(#ffffff, #113252); --ct-sys-color-on-tertiary-container: light-dark(#2b486a, #d2e4ff); --ct-sys-color-on-tertiary-container-hover: light-dark(#2b486a, #d2e4ff); --ct-sys-color-on-tertiary-container-pressed: light-dark(#2b486a, #d2e4ff); --ct-sys-color-on-tertiary-container-state-layer: 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-tertiary-hover: light-dark(#ffffff, #113252); --ct-sys-color-on-tertiary-pressed: light-dark(#ffffff, #113252); --ct-sys-color-on-tertiary-state-layer: light-dark(#000000, #113252); --ct-sys-color-on-warning: light-dark(#ffffff, #3f2e00); --ct-sys-color-on-warning-container: light-dark(#5b4300, #f2e0c2); --ct-sys-color-on-warning-container-hover: light-dark(#5b4300, #f2e0c2); --ct-sys-color-on-warning-container-pressed: light-dark(#5b4300, #f2e0c2); --ct-sys-color-on-warning-container-state-layer: light-dark(#5b4300, #f2e0c2); --ct-sys-color-on-warning-hover: light-dark(#ffffff, #3f2e00); --ct-sys-color-on-warning-pressed: light-dark(#ffffff, #3f2e00); --ct-sys-color-on-warning-state-layer: light-dark(#000000, #3f2e00); --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-hover: light-dark(#675400, #e2c562); --ct-sys-color-primary-palette-key-color: light-dark(#fcd002, #fcd002); --ct-sys-color-primary-pressed: light-dark(#594800, #e8cb67); --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-hover: light-dark(#01614e, #7cd7bb); --ct-sys-color-secondary-palette-key-color: light-dark(#0df0c3, #0df0c3); --ct-sys-color-secondary-pressed: light-dark(#025444, #82ddc0); --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-hover: light-dark(#005898, #94c3fd); --ct-sys-color-tertiary-palette-key-color: light-dark(#5c799d, #5c799d); --ct-sys-color-tertiary-pressed: light-dark(#004c84, #aacfff); --ct-sys-color-warning: light-dark(#845400, #e3c37e); --ct-sys-color-warning-container: light-dark(#f2e0c2, #643f00); --ct-sys-color-on-primary-container-solved: light-dark(#564500, #ffe17b); --ct-sys-color-primary-container-solved: light-dark(#f3e2b1, #504626); --ct-sys-color-on-secondary-container-solved: light-dark(#005140, #35fed0); --ct-sys-color-secondary-container-solved: light-dark(#c6eadc, #304c43); --ct-sys-color-on-tertiary-container-solved: light-dark(#2b486a, #d2e4ff); --ct-sys-color-tertiary-container-solved: light-dark(#d2e4fe, #3a475a); --ct-sys-color-on-error-container-solved: light-dark(#93000a, #ffdad6); --ct-sys-color-error-container-solved: light-dark(#ffdad6, #93000a); --ct-sys-color-on-information-container-solved: light-dark(#004b72, #d7e4f2); --ct-sys-color-information-container-solved: light-dark(#d7e4f2, #004b72); --ct-sys-color-on-success-container-solved: light-dark(#005229, #d6e7d5); --ct-sys-color-success-container-solved: light-dark(#d6e7d5, #005229); --ct-sys-color-on-warning-container-solved: light-dark(#5b4300, #f2e0c2); --ct-sys-color-warning-container-solved: light-dark(#f2e0c2, #643f00); --ct-sys-color-on-primary-solved: light-dark(#ffffff, #3b2f00); --ct-sys-color-primary-solved: light-dark(#786200, #e2c562); --ct-sys-color-on-secondary-solved: light-dark(#ffffff, #00382b); --ct-sys-color-secondary-solved: light-dark(#01735d, #7cd7bb); --ct-sys-color-on-tertiary-solved: light-dark(#ffffff, #113252); --ct-sys-color-tertiary-solved: light-dark(#0a61a4, #94c3fd); --ct-sys-color-on-error-solved: light-dark(#ffffff, #690005); --ct-sys-color-error-solved: light-dark(#ba1a1a, #ffb4ab); --ct-sys-color-on-information-solved: light-dark(#ffffff, #003451); --ct-sys-color-information-solved: light-dark(#006496, #a4cbee); --ct-sys-color-on-success-solved: light-dark(#ffffff, #00391a); --ct-sys-color-success-solved: light-dark(#006d38, #a3d2ac); --ct-sys-color-on-warning-solved: light-dark(#ffffff, #3f2e00); --ct-sys-color-warning-solved: light-dark(#845400, #e3c37e); --ct-sys-color-on-surface-solved: light-dark(#1e1b13, #e9e2d4); --ct-sys-color-surface-solved: light-dark(#ffffff, #000000); --ct-sys-color-background-solved: light-dark(#ffffff, #000000); --ct-sys-color-surface-dim-solved: light-dark(#e1d9cc, #16130b); --ct-sys-color-surface-bright-solved: light-dark(#fff8ef, #3d392f); --ct-sys-color-surface-container-lowest-solved: light-dark(#ffffff, #100e07); --ct-sys-color-surface-container-low-solved: light-dark(#fbf3e5, #1e1b13); --ct-sys-color-surface-container-solved: light-dark(#f5eddf, #221f17); --ct-sys-color-surface-container-high-solved: light-dark(#efe7da, #2d2a21); --ct-sys-color-surface-container-highest-solved: light-dark(#e9e2d4, #38342b); --ct-sys-color-on-surface-variant-solved: light-dark(#4b4639, #cec6b4); } [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-error-hover: light-dark(#ad0d12, #ffb4ab); --ct-sys-color-error-pressed: light-dark(#98000a, #ffbab2); --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-error-container-hover: light-dark(#93000a, #ffdad6); --ct-sys-color-on-error-container-pressed: light-dark(#93000a, #ffdad6); --ct-sys-color-on-error-container-state-layer: light-dark(#93000a, #ffdad6); --ct-sys-color-on-error-hover: light-dark(#ffffff, #690005); --ct-sys-color-on-error-pressed: light-dark(#ffffff, #690005); --ct-sys-color-on-error-state-layer: light-dark(#ffffff, #690005); --ct-sys-color-on-information: light-dark(#ffffff, #003451); --ct-sys-color-on-information-container: light-dark(#004b72, #d7e4f2); --ct-sys-color-on-information-container-hover: light-dark(#004b72, #d7e4f2); --ct-sys-color-on-information-container-pressed: light-dark(#004b72, #d7e4f2); --ct-sys-color-on-information-container-state-layer: light-dark(#004b72, #d7e4f2); --ct-sys-color-on-information-hover: light-dark(#ffffff, #003451); --ct-sys-color-on-information-pressed: light-dark(#ffffff, #003451); --ct-sys-color-on-information-state-layer: light-dark(#000000, #003451); --ct-sys-color-on-primary: light-dark(#ffffff, #193800); --ct-sys-color-on-primary-container: light-dark(#275000, #a7f866); --ct-sys-color-on-primary-container-hover: light-dark(#275000, #a7f866); --ct-sys-color-on-primary-container-pressed: light-dark(#275000, #a7f866); --ct-sys-color-on-primary-container-selected: light-dark(#275000, #a7f866); --ct-sys-color-on-primary-container-selected-hover: light-dark(#275000, #acfe6b); --ct-sys-color-on-primary-container-selected-pressed: light-dark(#254c00, #f3ffe3); --ct-sys-color-on-primary-container-state-layer: 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-primary-hover: light-dark(#ffffff, #193800); --ct-sys-color-on-primary-pressed: light-dark(#ffffff, #193800); --ct-sys-color-on-primary-state-layer: light-dark(#000000, #193800); --ct-sys-color-on-secondary: light-dark(#ffffff, #00363f); --ct-sys-color-on-secondary-container: light-dark(#004e5b, #a7edff); --ct-sys-color-on-secondary-container-hover: light-dark(#004e5b, #a7edff); --ct-sys-color-on-secondary-container-pressed: light-dark(#004e5b, #a7edff); --ct-sys-color-on-secondary-container-selected: light-dark(#004e5b, #a7edff); --ct-sys-color-on-secondary-container-selected-hover: light-dark(#004e5b, #bbf1ff); --ct-sys-color-on-secondary-container-selected-pressed: light-dark(#004955, #f7fdff); --ct-sys-color-on-secondary-container-state-layer: 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-secondary-hover: light-dark(#ffffff, #00363f); --ct-sys-color-on-secondary-pressed: light-dark(#ffffff, #00363f); --ct-sys-color-on-secondary-state-layer: light-dark(#000000, #00363f); --ct-sys-color-on-success: light-dark(#ffffff, #00391a); --ct-sys-color-on-success-container: light-dark(#005229, #d6e7d5); --ct-sys-color-on-success-container-hover: light-dark(#005229, #d6e7d5); --ct-sys-color-on-success-container-pressed: light-dark(#005229, #d6e7d5); --ct-sys-color-on-success-container-state-layer: light-dark(#005229, #d6e7d5); --ct-sys-color-on-success-hover: light-dark(#ffffff, #00391a); --ct-sys-color-on-success-pressed: light-dark(#ffffff, #00391a); --ct-sys-color-on-success-state-layer: light-dark(#000000, #00391a); --ct-sys-color-on-surface: light-dark(#1a1d16, #e2e3d9); --ct-sys-color-on-surface-hover: light-dark(#1a1d16, #e2e3d9); --ct-sys-color-on-surface-pressed: light-dark(#1a1d16, #e2e3d9); --ct-sys-color-on-surface-selected-hover: light-dark(#1a1d16, #e2e3d9); --ct-sys-color-on-surface-selected-pressed: light-dark(#1a1d16, #ecede3); --ct-sys-color-on-surface-selected-state-layer: light-dark(#1a1d16, #e2e3d9); --ct-sys-color-on-surface-variant: light-dark(#44483e, #c4c8ba); --ct-sys-color-on-surface-variant-hover: light-dark(#44483e, #c4c8ba); --ct-sys-color-on-surface-variant-pressed: light-dark(#44483e, #cacebf); --ct-sys-color-on-tertiary: light-dark(#ffffff, #330098); --ct-sys-color-on-tertiary-container: light-dark(#4a25b8, #e6deff); --ct-sys-color-on-tertiary-container-hover: light-dark(#4a25b8, #e6deff); --ct-sys-color-on-tertiary-container-pressed: light-dark(#4a25b8, #e6deff); --ct-sys-color-on-tertiary-container-state-layer: 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-tertiary-hover: light-dark(#ffffff, #330098); --ct-sys-color-on-tertiary-pressed: light-dark(#ffffff, #330098); --ct-sys-color-on-tertiary-state-layer: light-dark(#000000, #330098); --ct-sys-color-on-warning: light-dark(#ffffff, #3f2e00); --ct-sys-color-on-warning-container: light-dark(#5b4300, #f2e0c2); --ct-sys-color-on-warning-container-hover: light-dark(#5b4300, #f2e0c2); --ct-sys-color-on-warning-container-pressed: light-dark(#5b4300, #f2e0c2); --ct-sys-color-on-warning-container-state-layer: light-dark(#5b4300, #f2e0c2); --ct-sys-color-on-warning-hover: light-dark(#ffffff, #3f2e00); --ct-sys-color-on-warning-pressed: light-dark(#ffffff, #3f2e00); --ct-sys-color-on-warning-state-layer: light-dark(#000000, #3f2e00); --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-hover: light-dark(#366011, #aad387); --ct-sys-color-primary-palette-key-color: light-dark(#519a05, #519a05); --ct-sys-color-primary-pressed: light-dark(#2a5404, #aed78b); --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-hover: light-dark(#005f6e, #77d4e9); --ct-sys-color-secondary-palette-key-color: light-dark(#0093a9, #0093a9); --ct-sys-color-secondary-pressed: light-dark(#00525f, #7bd8ed); --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-hover: light-dark(#59489d, #c3b4fe); --ct-sys-color-tertiary-palette-key-color: light-dark(#7c5fec, #7c5fec); --ct-sys-color-tertiary-pressed: light-dark(#4d3c90, #d1c4ff); --ct-sys-color-warning: light-dark(#845400, #e3c37e); --ct-sys-color-warning-container: light-dark(#f2e0c2, #643f00); --ct-sys-color-on-primary-container-solved: light-dark(#275000, #a7f866); --ct-sys-color-primary-container-solved: light-dark(#d7e8c3, #3d4a31); --ct-sys-color-on-secondary-container-solved: light-dark(#004e5b, #a7edff); --ct-sys-color-secondary-container-solved: light-dark(#c6e8f2, #2f4b52); --ct-sys-color-on-tertiary-container-solved: light-dark(#4a25b8, #e6deff); --ct-sys-color-tertiary-container-solved: light-dark(#e6deff, #48445b); --ct-sys-color-on-error-container-solved: light-dark(#93000a, #ffdad6); --ct-sys-color-error-container-solved: light-dark(#ffdad6, #93000a); --ct-sys-color-on-information-container-solved: light-dark(#004b72, #d7e4f2); --ct-sys-color-information-container-solved: light-dark(#d7e4f2, #004b72); --ct-sys-color-on-success-container-solved: light-dark(#005229, #d6e7d5); --ct-sys-color-success-container-solved: light-dark(#d6e7d5, #005229); --ct-sys-color-on-warning-container-solved: light-dark(#5b4300, #f2e0c2); --ct-sys-color-warning-container-solved: light-dark(#f2e0c2, #643f00); --ct-sys-color-on-primary-solved: light-dark(#ffffff, #193800); --ct-sys-color-primary-solved: light-dark(#3e691a, #aad387); --ct-sys-color-on-secondary-solved: light-dark(#ffffff, #00363f); --ct-sys-color-secondary-solved: light-dark(#007183, #77d4e9); --ct-sys-color-on-tertiary-solved: light-dark(#ffffff, #330098); --ct-sys-color-tertiary-solved: light-dark(#6251a6, #c3b4fe); --ct-sys-color-on-error-solved: light-dark(#ffffff, #690005); --ct-sys-color-error-solved: light-dark(#ba1a1a, #ffb4ab); --ct-sys-color-on-information-solved: light-dark(#ffffff, #003451); --ct-sys-color-information-solved: light-dark(#006496, #a4cbee); --ct-sys-color-on-success-solved: light-dark(#ffffff, #00391a); --ct-sys-color-success-solved: light-dark(#006d38, #a3d2ac); --ct-sys-color-on-warning-solved: light-dark(#ffffff, #3f2e00); --ct-sys-color-warning-solved: light-dark(#845400, #e3c37e); --ct-sys-color-on-surface-solved: light-dark(#1a1d16, #e2e3d9); --ct-sys-color-surface-solved: light-dark(#ffffff, #000000); --ct-sys-color-background-solved: light-dark(#ffffff, #000000); --ct-sys-color-surface-dim-solved: light-dark(#d9dbd0, #11140e); --ct-sys-color-surface-bright-solved: light-dark(#f9faef, #373a33); --ct-sys-color-surface-container-lowest-solved: light-dark(#ffffff, #0c0f09); --ct-sys-color-surface-container-low-solved: light-dark(#f3f5ea, #1a1d16); --ct-sys-color-surface-container-solved: light-dark(#edefe4, #1e211a); --ct-sys-color-surface-container-high-solved: light-dark(#e7e9de, #282b24); --ct-sys-color-surface-container-highest-solved: light-dark(#e2e3d9, #33362f); --ct-sys-color-on-surface-variant-solved: light-dark(#44483e, #c4c8ba); } [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-error-hover: light-dark(#ad0d12, #ffb4ab); --ct-sys-color-error-pressed: light-dark(#98000a, #ffbcb4); --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-error-container-hover: light-dark(#93000a, #ffdad6); --ct-sys-color-on-error-container-pressed: light-dark(#93000a, #ffdad6); --ct-sys-color-on-error-container-state-layer: light-dark(#93000a, #ffdad6); --ct-sys-color-on-error-hover: light-dark(#ffffff, #690005); --ct-sys-color-on-error-pressed: light-dark(#ffffff, #690005); --ct-sys-color-on-error-state-layer: light-dark(#ffffff, #690005); --ct-sys-color-on-information: light-dark(#ffffff, #003451); --ct-sys-color-on-information-container: light-dark(#004b72, #d7e4f2); --ct-sys-color-on-information-container-hover: light-dark(#004b72, #d7e4f2); --ct-sys-color-on-information-container-pressed: light-dark(#004b72, #d7e4f2); --ct-sys-color-on-information-container-state-layer: light-dark(#004b72, #d7e4f2); --ct-sys-color-on-information-hover: light-dark(#ffffff, #003451); --ct-sys-color-on-information-pressed: light-dark(#ffffff, #003451); --ct-sys-color-on-information-state-layer: light-dark(#000000, #003451); --ct-sys-color-on-primary: light-dark(#ffffff, #00382b); --ct-sys-color-on-primary-container: light-dark(#005140, #32fed0); --ct-sys-color-on-primary-container-hover: light-dark(#005140, #32fed0); --ct-sys-color-on-primary-container-pressed: light-dark(#005140, #32fed0); --ct-sys-color-on-primary-container-selected: light-dark(#005140, #32fed0); --ct-sys-color-on-primary-container-selected-hover: light-dark(#005140, #78ffd9); --ct-sys-color-on-primary-container-selected-pressed: light-dark(#004b3b, #ecfff6); --ct-sys-color-on-primary-container-state-layer: 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-primary-hover: light-dark(#ffffff, #00382b); --ct-sys-color-on-primary-pressed: light-dark(#ffffff, #00382b); --ct-sys-color-on-primary-state-layer: light-dark(#000000, #00382b); --ct-sys-color-on-secondary: light-dark(#ffffff, #123252); --ct-sys-color-on-secondary-container: light-dark(#2b4869, #d2e4ff); --ct-sys-color-on-secondary-container-hover: light-dark(#2b4869, #d2e4ff); --ct-sys-color-on-secondary-container-pressed: light-dark(#2b4869, #d2e4ff); --ct-sys-color-on-secondary-container-selected: light-dark(#2b4869, #d2e4ff); --ct-sys-color-on-secondary-container-selected-hover: light-dark(#2b4869, #dce9ff); --ct-sys-color-on-secondary-container-selected-pressed: light-dark(#264364, #fdfcff); --ct-sys-color-on-secondary-container-state-layer: 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-secondary-hover: light-dark(#ffffff, #123252); --ct-sys-color-on-secondary-pressed: light-dark(#ffffff, #123252); --ct-sys-color-on-secondary-state-layer: light-dark(#000000, #123252); --ct-sys-color-on-success: light-dark(#ffffff, #00391a); --ct-sys-color-on-success-container: light-dark(#005229, #d6e7d5); --ct-sys-color-on-success-container-hover: light-dark(#005229, #d6e7d5); --ct-sys-color-on-success-container-pressed: light-dark(#005229, #d6e7d5); --ct-sys-color-on-success-container-state-layer: light-dark(#005229, #d6e7d5); --ct-sys-color-on-success-hover: light-dark(#ffffff, #00391a); --ct-sys-color-on-success-pressed: light-dark(#ffffff, #00391a); --ct-sys-color-on-success-state-layer: light-dark(#000000, #00391a); --ct-sys-color-on-surface: light-dark(#171d1a, #dee4e0); --ct-sys-color-on-surface-hover: light-dark(#171d1a, #dee4e0); --ct-sys-color-on-surface-pressed: light-dark(#171d1a, #dee4e0); --ct-sys-color-on-surface-selected-hover: light-dark(#171d1a, #dee4e0); --ct-sys-color-on-surface-selected-pressed: light-dark(#171d1a, #e9efeb); --ct-sys-color-on-surface-selected-state-layer: light-dark(#171d1a, #dee4e0); --ct-sys-color-on-surface-variant: light-dark(#3f4945, #bfc9c3); --ct-sys-color-on-surface-variant-hover: light-dark(#3f4945, #bfc9c3); --ct-sys-color-on-surface-variant-pressed: light-dark(#3f4945, #c5cfc8); --ct-sys-color-on-tertiary: light-dark(#ffffff, #4b2047); --ct-sys-color-on-tertiary-container: light-dark(#64375f, #ffd7f5); --ct-sys-color-on-tertiary-container-hover: light-dark(#64375f, #ffd7f5); --ct-sys-color-on-tertiary-container-pressed: light-dark(#64375f, #ffd7f5); --ct-sys-color-on-tertiary-container-state-layer: 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-tertiary-hover: light-dark(#ffffff, #4b2047); --ct-sys-color-on-tertiary-pressed: light-dark(#ffffff, #4b2047); --ct-sys-color-on-tertiary-state-layer: light-dark(#000000, #4b2047); --ct-sys-color-on-warning: light-dark(#ffffff, #3f2e00); --ct-sys-color-on-warning-container: light-dark(#5b4300, #f2e0c2); --ct-sys-color-on-warning-container-hover: light-dark(#5b4300, #f2e0c2); --ct-sys-color-on-warning-container-pressed: light-dark(#5b4300, #f2e0c2); --ct-sys-color-on-warning-container-state-layer: light-dark(#5b4300, #f2e0c2); --ct-sys-color-on-warning-hover: light-dark(#ffffff, #3f2e00); --ct-sys-color-on-warning-pressed: light-dark(#ffffff, #3f2e00); --ct-sys-color-on-warning-state-layer: light-dark(#000000, #3f2e00); --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-hover: light-dark(#01614e, #7cd7bb); --ct-sys-color-primary-palette-key-color: light-dark(#00f0c3, #00f0c3); --ct-sys-color-primary-pressed: light-dark(#025444, #82ddc0); --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-hover: light-dark(#005799, #94c3fe); --ct-sys-color-secondary-palette-key-color: light-dark(#5d799d, #5d799d); --ct-sys-color-secondary-pressed: light-dark(#004b85, #abcfff); --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-hover: light-dark(#7f3a7b, #f6b0ea); --ct-sys-color-tertiary-palette-key-color: light-dark(#9a6692, #9a6692); --ct-sys-color-tertiary-pressed: light-dark(#712e6e, #fcb5f0); --ct-sys-color-warning: light-dark(#845400, #e3c37e); --ct-sys-color-warning-container: light-dark(#f2e0c2, #643f00); --ct-sys-color-on-primary-container-solved: light-dark(#005140, #32fed0); --ct-sys-color-primary-container-solved: light-dark(#c6eadc, #304c43); --ct-sys-color-on-secondary-container-solved: light-dark(#2b4869, #d2e4ff); --ct-sys-color-secondary-container-solved: light-dark(#d2e4fe, #39475a); --ct-sys-color-on-tertiary-container-solved: light-dark(#64375f, #ffd7f5); --ct-sys-color-tertiary-container-solved: light-dark(#fcd8f3, #574052); --ct-sys-color-on-error-container-solved: light-dark(#93000a, #ffdad6); --ct-sys-color-error-container-solved: light-dark(#ffdad6, #93000a); --ct-sys-color-on-information-container-solved: light-dark(#004b72, #d7e4f2); --ct-sys-color-information-container-solved: light-dark(#d7e4f2, #004b72); --ct-sys-color-on-success-container-solved: light-dark(#005229, #d6e7d5); --ct-sys-color-success-container-solved: light-dark(#d6e7d5, #005229); --ct-sys-color-on-warning-container-solved: light-dark(#5b4300, #f2e0c2); --ct-sys-color-warning-container-solved: light-dark(#f2e0c2, #643f00); --ct-sys-color-on-primary-solved: light-dark(#ffffff, #00382b); --ct-sys-color-primary-solved: light-dark(#01735d, #7cd7bb); --ct-sys-color-on-secondary-solved: light-dark(#ffffff, #123252); --ct-sys-color-secondary-solved: light-dark(#0f60a4, #94c3fe); --ct-sys-color-on-tertiary-solved: light-dark(#ffffff, #4b2047); --ct-sys-color-tertiary-solved: light-dark(#8a4485, #f6b0ea); --ct-sys-color-on-error-solved: light-dark(#ffffff, #690005); --ct-sys-color-error-solved: light-dark(#ba1a1a, #ffb4ab); --ct-sys-color-on-information-solved: light-dark(#ffffff, #003451); --ct-sys-color-information-solved: light-dark(#006496, #a4cbee); --ct-sys-color-on-success-solved: light-dark(#ffffff, #00391a); --ct-sys-color-success-solved: light-dark(#006d38, #a3d2ac); --ct-sys-color-on-warning-solved: light-dark(#ffffff, #3f2e00); --ct-sys-color-warning-solved: light-dark(#845400, #e3c37e); --ct-sys-color-on-surface-solved: light-dark(#171d1a, #dee4e0); --ct-sys-color-surface-solved: light-dark(#ffffff, #000000); --ct-sys-color-background-solved: light-dark(#ffffff, #000000); --ct-sys-color-surface-dim-solved: light-dark(#d5dbd7, #0f1512); --ct-sys-color-surface-bright-solved: light-dark(#f5fbf6, #343b38); --ct-sys-color-surface-container-lowest-solved: light-dark(#ffffff, #090f0d); --ct-sys-color-surface-container-low-solved: light-dark(#eff5f1, #171d1a); --ct-sys-color-surface-container-solved: light-dark(#e9efeb, #1b211e); --ct-sys-color-surface-container-high-solved: light-dark(#e3eae5, #252b29); --ct-sys-color-surface-container-highest-solved: light-dark(#dee4e0, #303633); --ct-sys-color-on-surface-variant-solved: light-dark(#3f4945, #bfc9c3); } [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-error-hover: light-dark(#ad0d12, #ffb4ab); --ct-sys-color-error-pressed: light-dark(#98000a, #ffbab2); --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-error-container-hover: light-dark(#93000a, #ffdad6); --ct-sys-color-on-error-container-pressed: light-dark(#93000a, #ffdad6); --ct-sys-color-on-error-container-state-layer: light-dark(#93000a, #ffdad6); --ct-sys-color-on-error-hover: light-dark(#ffffff, #690005); --ct-sys-color-on-error-pressed: light-dark(#ffffff, #690005); --ct-sys-color-on-error-state-layer: light-dark(#ffffff, #690005); --ct-sys-color-on-information: light-dark(#ffffff, #003451); --ct-sys-color-on-information-container: light-dark(#004b72, #d7e4f2); --ct-sys-color-on-information-container-hover: light-dark(#004b72, #d7e4f2); --ct-sys-color-on-information-container-pressed: light-dark(#004b72, #d7e4f2); --ct-sys-color-on-information-container-state-layer: light-dark(#004b72, #d7e4f2); --ct-sys-color-on-information-hover: light-dark(#ffffff, #003451); --ct-sys-color-on-information-pressed: light-dark(#ffffff, #003451); --ct-sys-color-on-information-state-layer: light-dark(#000000, #003451); --ct-sys-color-on-primary: light-dark(#ffffff, #00363f); --ct-sys-color-on-primary-container: light-dark(#004e5b, #a8edff); --ct-sys-color-on-primary-container-hover: light-dark(#004e5b, #a8edff); --ct-sys-color-on-primary-container-pressed: light-dark(#004e5b, #a8edff); --ct-sys-color-on-primary-container-selected: light-dark(#004e5b, #a8edff); --ct-sys-color-on-primary-container-selected-hover: light-dark(#004e5b, #bbf1ff); --ct-sys-color-on-primary-container-selected-pressed: light-dark(#004955, #f7fdff); --ct-sys-color-on-primary-container-state-layer: 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-primary-hover: light-dark(#ffffff, #00363f); --ct-sys-color-on-primary-pressed: light-dark(#ffffff, #00363f); --ct-sys-color-on-primary-state-layer: light-dark(#000000, #00363f); --ct-sys-color-on-secondary: light-dark(#ffffff, #32295a); --ct-sys-color-on-secondary-container: light-dark(#493f72, #e7deff); --ct-sys-color-on-secondary-container-hover: light-dark(#493f72, #e7deff); --ct-sys-color-on-secondary-container-pressed: light-dark(#493f72, #e7deff); --ct-sys-color-on-secondary-container-selected: light-dark(#493f72, #e7deff); --ct-sys-color-on-secondary-container-selected-hover: light-dark(#493f72, #ede4ff); --ct-sys-color-on-secondary-container-selected-pressed: light-dark(#443a6d, #fffbff); --ct-sys-color-on-secondary-container-state-layer: 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-secondary-hover: light-dark(#ffffff, #32295a); --ct-sys-color-on-secondary-pressed: light-dark(#ffffff, #32295a); --ct-sys-color-on-secondary-state-layer: light-dark(#000000, #32295a); --ct-sys-color-on-success: light-dark(#ffffff, #00391a); --ct-sys-color-on-success-container: light-dark(#005229, #d6e7d5); --ct-sys-color-on-success-container-hover: light-dark(#005229, #d6e7d5); --ct-sys-color-on-success-container-pressed: light-dark(#005229, #d6e7d5); --ct-sys-color-on-success-container-state-layer: light-dark(#005229, #d6e7d5); --ct-sys-color-on-success-hover: light-dark(#ffffff, #00391a); --ct-sys-color-on-success-pressed: light-dark(#ffffff, #00391a); --ct-sys-color-on-success-state-layer: light-dark(#000000, #00391a); --ct-sys-color-on-surface: light-dark(#171d1e, #dee3e5); --ct-sys-color-on-surface-hover: light-dark(#171d1e, #dee3e5); --ct-sys-color-on-surface-pressed: light-dark(#171d1e, #dee3e5); --ct-sys-color-on-surface-selected-hover: light-dark(#171d1e, #dee3e5); --ct-sys-color-on-surface-selected-pressed: light-dark(#171d1e, #e8edef); --ct-sys-color-on-surface-selected-state-layer: light-dark(#171d1e, #dee3e5); --ct-sys-color-on-surface-variant: light-dark(#3f484b, #bfc8cb); --ct-sys-color-on-surface-variant-hover: light-dark(#3f484b, #bfc8cb); --ct-sys-color-on-surface-variant-pressed: light-dark(#3f484b, #c5ced1); --ct-sys-color-on-tertiary: light-dark(#ffffff, #4f2326); --ct-sys-color-on-tertiary-container: light-dark(#6a383c, #ffdada); --ct-sys-color-on-tertiary-container-hover: light-dark(#6a383c, #ffdada); --ct-sys-color-on-tertiary-container-pressed: light-dark(#6a383c, #ffdada); --ct-sys-color-on-tertiary-container-state-layer: 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-tertiary-hover: light-dark(#ffffff, #4f2326); --ct-sys-color-on-tertiary-pressed: light-dark(#ffffff, #4f2326); --ct-sys-color-on-tertiary-state-layer: light-dark(#000000, #4f2326); --ct-sys-color-on-warning: light-dark(#ffffff, #3f2e00); --ct-sys-color-on-warning-container: light-dark(#5b4300, #f2e0c2); --ct-sys-color-on-warning-container-hover: light-dark(#5b4300, #f2e0c2); --ct-sys-color-on-warning-container-pressed: light-dark(#5b4300, #f2e0c2); --ct-sys-color-on-warning-container-state-layer: light-dark(#5b4300, #f2e0c2); --ct-sys-color-on-warning-hover: light-dark(#ffffff, #3f2e00); --ct-sys-color-on-warning-pressed: light-dark(#ffffff, #3f2e00); --ct-sys-color-on-warning-state-layer: light-dark(#000000, #3f2e00); --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-hover: light-dark(#005f6e, #76d3e9); --ct-sys-color-primary-palette-key-color: light-dark(#00dcfd, #00dcfd); --ct-sys-color-primary-pressed: light-dark(#00525f, #7cd9ef); --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-hover: light-dark(#59489d, #c3b5ff); --ct-sys-color-secondary-palette-key-color: light-dark(#7a70a6, #7a70a6); --ct-sys-color-secondary-pressed: light-dark(#4d3c90, #cfc3ff); --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-hover: light-dark(#913841, #ffa2a6); --ct-sys-color-tertiary-palette-key-color: light-dark(#a1676a, #a1676a); --ct-sys-color-tertiary-pressed: light-dark(#822c36, #ffb9bb); --ct-sys-color-warning: light-dark(#845400, #e3c37e); --ct-sys-color-warning-container: light-dark(#f2e0c2, #643f00); --ct-sys-color-on-primary-container-solved: light-dark(#004e5b, #a8edff); --ct-sys-color-primary-container-solved: light-dark(#c6e8f2, #2f4b52); --ct-sys-color-on-secondary-container-solved: light-dark(#493f72, #e7deff); --ct-sys-color-secondary-container-solved: light-dark(#e7deff, #48435b); --ct-sys-color-on-tertiary-container-solved: light-dark(#6a383c, #ffdada); --ct-sys-color-tertiary-container-solved: light-dark(#ffdada, #5f3e40); --ct-sys-color-on-error-container-solved: light-dark(#93000a, #ffdad6); --ct-sys-color-error-container-solved: light-dark(#ffdad6, #93000a); --ct-sys-color-on-information-container-solved: light-dark(#004b72, #d7e4f2); --ct-sys-color-information-container-solved: light-dark(#d7e4f2, #004b72); --ct-sys-color-on-success-container-solved: light-dark(#005229, #d6e7d5); --ct-sys-color-success-container-solved: light-dark(#d6e7d5, #005229); --ct-sys-color-on-warning-container-solved: light-dark(#5b4300, #f2e0c2); --ct-sys-color-warning-container-solved: light-dark(#f2e0c2, #643f00); --ct-sys-color-on-primary-solved: light-dark(#ffffff, #00363f); --ct-sys-color-primary-solved: light-dark(#007183, #76d3e9); --ct-sys-color-on-secondary-solved: light-dark(#ffffff, #32295a); --ct-sys-color-secondary-solved: light-dark(#6251a6, #c3b5ff); --ct-sys-color-on-tertiary-solved: light-dark(#ffffff, #4f2326); --ct-sys-color-tertiary-solved: light-dark(#9c4049, #ffa2a6); --ct-sys-color-on-error-solved: light-dark(#ffffff, #690005); --ct-sys-color-error-solved: light-dark(#ba1a1a, #ffb4ab); --ct-sys-color-on-information-solved: light-dark(#ffffff, #003451); --ct-sys-color-information-solved: light-dark(#006496, #a4cbee); --ct-sys-color-on-success-solved: light-dark(#ffffff, #00391a); --ct-sys-color-success-solved: light-dark(#006d38, #a3d2ac); --ct-sys-color-on-warning-solved: light-dark(#ffffff, #3f2e00); --ct-sys-color-warning-solved: light-dark(#845400, #e3c37e); --ct-sys-color-on-surface-solved: light-dark(#171d1e, #dee3e5); --ct-sys-color-surface-solved: light-dark(#ffffff, #000000); --ct-sys-color-background-solved: light-dark(#ffffff, #000000); --ct-sys-color-surface-dim-solved: light-dark(#d5dbdd, #0f1416); --ct-sys-color-surface-bright-solved: light-dark(#f5fafc, #343a3c); --ct-sys-color-surface-container-lowest-solved: light-dark(#ffffff, #090f11); --ct-sys-color-surface-container-low-solved: light-dark(#eff4f6, #171d1e); --ct-sys-color-surface-container-solved: light-dark(#e9eff1, #1b2122); --ct-sys-color-surface-container-high-solved: light-dark(#e4e9eb, #252b2d); --ct-sys-color-surface-container-highest-solved: light-dark(#dee3e5, #303637); --ct-sys-color-on-surface-variant-solved: light-dark(#3f484b, #bfc8cb); } [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-error-hover: light-dark(#ad0d12, #ffb4ab); --ct-sys-color-error-pressed: light-dark(#9a000a, #ffbab2); --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-error-container-hover: light-dark(#93000a, #ffdad6); --ct-sys-color-on-error-container-pressed: light-dark(#93000a, #ffdad6); --ct-sys-color-on-error-container-state-layer: light-dark(#93000a, #ffdad6); --ct-sys-color-on-error-hover: light-dark(#ffffff, #690005); --ct-sys-color-on-error-pressed: light-dark(#ffffff, #690005); --ct-sys-color-on-error-state-layer: light-dark(#ffffff, #690005); --ct-sys-color-on-information: light-dark(#ffffff, #003451); --ct-sys-color-on-information-container: light-dark(#004b72, #d7e4f2); --ct-sys-color-on-information-container-hover: light-dark(#004b72, #d7e4f2); --ct-sys-color-on-information-container-pressed: light-dark(#004b72, #d7e4f2); --ct-sys-color-on-information-container-state-layer: light-dark(#004b72, #d7e4f2); --ct-sys-color-on-information-hover: light-dark(#ffffff, #003451); --ct-sys-color-on-information-pressed: light-dark(#ffffff, #003451); --ct-sys-color-on-information-state-layer: light-dark(#000000, #003451); --ct-sys-color-on-primary: light-dark(#ffffff, #373100); --ct-sys-color-on-primary-container: light-dark(#504700, #fce425); --ct-sys-color-on-primary-container-hover: light-dark(#504700, #fce425); --ct-sys-color-on-primary-container-pressed: light-dark(#504700, #fce425); --ct-sys-color-on-primary-container-selected: light-dark(#504700, #fce425); --ct-sys-color-on-primary-container-selected-hover: light-dark(#504700, #ffea56); --ct-sys-color-on-primary-container-selected-pressed: light-dark(#4b4200, #fffaf4); --ct-sys-color-on-primary-container-state-layer: 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-primary-hover: light-dark(#ffffff, #373100); --ct-sys-color-on-primary-pressed: light-dark(#ffffff, #373100); --ct-sys-color-on-primary-state-layer: light-dark(#000000, #373100); --ct-sys-color-on-secondary: light-dark(#ffffff, #003730); --ct-sys-color-on-secondary-container: light-dark(#005046, #39fde1); --ct-sys-color-on-secondary-container-hover: light-dark(#005046, #39fde1); --ct-sys-color-on-secondary-container-pressed: light-dark(#005046, #39fde1); --ct-sys-color-on-secondary-container-selected: light-dark(#005046, #39fde1); --ct-sys-color-on-secondary-container-selected-hover: light-dark(#005046, #63ffe5); --ct-sys-color-on-secondary-container-selected-pressed: light-dark(#004b41, #edfff9); --ct-sys-color-on-secondary-container-state-layer: 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-secondary-hover: light-dark(#ffffff, #003730); --ct-sys-color-on-secondary-pressed: light-dark(#ffffff, #003730); --ct-sys-color-on-secondary-state-layer: light-dark(#000000, #003730); --ct-sys-color-on-success: light-dark(#ffffff, #00391a); --ct-sys-color-on-success-container: light-dark(#005229, #d6e7d5); --ct-sys-color-on-success-container-hover: light-dark(#005229, #d6e7d5); --ct-sys-color-on-success-container-pressed: light-dark(#005229, #d6e7d5); --ct-sys-color-on-success-container-state-layer: light-dark(#005229, #d6e7d5); --ct-sys-color-on-success-hover: light-dark(#ffffff, #00391a); --ct-sys-color-on-success-pressed: light-dark(#ffffff, #00391a); --ct-sys-color-on-success-state-layer: light-dark(#000000, #00391a); --ct-sys-color-on-surface: light-dark(#1d1c13, #e8e2d5); --ct-sys-color-on-surface-hover: light-dark(#1d1c13, #e8e2d5); --ct-sys-color-on-surface-pressed: light-dark(#1d1c13, #e8e2d5); --ct-sys-color-on-surface-selected-hover: light-dark(#1d1c13, #e8e2d5); --ct-sys-color-on-surface-selected-pressed: light-dark(#1d1c13, #f2ecdf); --ct-sys-color-on-surface-selected-state-layer: light-dark(#1d1c13, #e8e2d5); --ct-sys-color-on-surface-variant: light-dark(#4a4739, #ccc6b5); --ct-sys-color-on-surface-variant-hover: light-dark(#4a4739, #ccc6b5); --ct-sys-color-on-surface-variant-pressed: light-dark(#4a4739, #d2ccba); --ct-sys-color-on-tertiary: light-dark(#ffffff, #223149); --ct-sys-color-on-tertiary-container: light-dark(#394760, #d6e3ff); --ct-sys-color-on-tertiary-container-hover: light-dark(#394760, #d6e3ff); --ct-sys-color-on-tertiary-container-pressed: light-dark(#394760, #d6e3ff); --ct-sys-color-on-tertiary-container-state-layer: 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-tertiary-hover: light-dark(#ffffff, #223149); --ct-sys-color-on-tertiary-pressed: light-dark(#ffffff, #223149); --ct-sys-color-on-tertiary-state-layer: light-dark(#000000, #223149); --ct-sys-color-on-warning: light-dark(#ffffff, #3f2e00); --ct-sys-color-on-warning-container: light-dark(#5b4300, #f2e0c2); --ct-sys-color-on-warning-container-hover: light-dark(#5b4300, #f2e0c2); --ct-sys-color-on-warning-container-pressed: light-dark(#5b4300, #f2e0c2); --ct-sys-color-on-warning-container-state-layer: light-dark(#5b4300, #f2e0c2); --ct-sys-color-on-warning-hover: light-dark(#ffffff, #3f2e00); --ct-sys-color-on-warning-pressed: light-dark(#ffffff, #3f2e00); --ct-sys-color-on-warning-state-layer: light-dark(#000000, #3f2e00); --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-hover: light-dark(#615601, #d7c866); --ct-sys-color-primary-palette-key-color: light-dark(#ead303, #ead303); --ct-sys-color-primary-pressed: light-dark(#534901, #ddce6b); --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-hover: light-dark(#006054, #77d8c5); --ct-sys-color-secondary-palette-key-color: light-dark(#01ebd0, #01ebd0); --ct-sys-color-secondary-pressed: light-dark(#02544a, #7bdcc9); --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-hover: light-dark(#1c559e, #9bbfff); --ct-sys-color-tertiary-palette-key-color: light-dark(#697793, #697793); --ct-sys-color-tertiary-pressed: light-dark(#034991, #b2cdff); --ct-sys-color-warning: light-dark(#845400, #e3c37e); --ct-sys-color-warning-container: light-dark(#f2e0c2, #643f00); --ct-sys-color-on-primary-container-solved: light-dark(#504700, #fce425); --ct-sys-color-primary-container-solved: light-dark(#ede3b3, #4c4727); --ct-sys-color-on-secondary-container-solved: light-dark(#005046, #39fde1); --ct-sys-color-secondary-container-solved: light-dark(#c5ebe1, #2f4c46); --ct-sys-color-on-tertiary-container-solved: light-dark(#394760, #d6e3ff); --ct-sys-color-tertiary-container-solved: light-dark(#d6e3ff, #263144); --ct-sys-color-on-error-container-solved: light-dark(#93000a, #ffdad6); --ct-sys-color-error-container-solved: light-dark(#ffdad6, #93000a); --ct-sys-color-on-information-container-solved: light-dark(#004b72, #d7e4f2); --ct-sys-color-information-container-solved: light-dark(#d7e4f2, #004b72); --ct-sys-color-on-success-container-solved: light-dark(#005229, #d6e7d5); --ct-sys-color-success-container-solved: light-dark(#d6e7d5, #005229); --ct-sys-color-on-warning-container-solved: light-dark(#5b4300, #f2e0c2); --ct-sys-color-warning-container-solved: light-dark(#f2e0c2, #643f00); --ct-sys-color-on-primary-solved: light-dark(#ffffff, #373100); --ct-sys-color-primary-solved: light-dark(#716500, #d7c866); --ct-sys-color-on-secondary-solved: light-dark(#ffffff, #003730); --ct-sys-color-secondary-solved: light-dark(#007365, #77d8c5); --ct-sys-color-on-tertiary-solved: light-dark(#ffffff, #223149); --ct-sys-color-tertiary-solved: light-dark(#285ea7, #9bbfff); --ct-sys-color-on-error-solved: light-dark(#ffffff, #690005); --ct-sys-color-error-solved: light-dark(#ba1a1a, #ffb4ab); --ct-sys-color-on-information-solved: light-dark(#ffffff, #003451); --ct-sys-color-information-solved: light-dark(#006496, #a4cbee); --ct-sys-color-on-success-solved: light-dark(#ffffff, #00391a); --ct-sys-color-success-solved: light-dark(#006d38, #a3d2ac); --ct-sys-color-on-warning-solved: light-dark(#ffffff, #3f2e00); --ct-sys-color-warning-solved: light-dark(#845400, #e3c37e); --ct-sys-color-on-surface-solved: light-dark(#1d1c13, #e8e2d5); --ct-sys-color-surface-solved: light-dark(#fff9eb, #15130c); --ct-sys-color-background-solved: light-dark(#fff9eb, #15130c); --ct-sys-color-surface-dim-solved: light-dark(#dfdacc, #15130c); --ct-sys-color-surface-bright-solved: light-dark(#fff9eb, #3b3930); --ct-sys-color-surface-container-lowest-solved: light-dark(#ffffff, #100e07); --ct-sys-color-surface-container-low-solved: light-dark(#f9f3e5, #1d1c13); --ct-sys-color-surface-container-solved: light-dark(#f3ede0, #212017); --ct-sys-color-surface-container-high-solved: light-dark(#ede8da, #2c2a21); --ct-sys-color-surface-container-highest-solved: light-dark(#e8e2d5, #37352c); --ct-sys-color-on-surface-variant-solved: light-dark(#4a4739, #ccc6b5); } [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-error-hover: light-dark(#ad0d12, #ffb4ab); --ct-sys-color-error-pressed: light-dark(#9a000a, #ffbab2); --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-error-container-hover: light-dark(#93000a, #ffdad6); --ct-sys-color-on-error-container-pressed: light-dark(#93000a, #ffdad6); --ct-sys-color-on-error-container-state-layer: light-dark(#93000a, #ffdad6); --ct-sys-color-on-error-hover: light-dark(#ffffff, #690005); --ct-sys-color-on-error-pressed: light-dark(#ffffff, #690005); --ct-sys-color-on-error-state-layer: light-dark(#ffffff, #690005); --ct-sys-color-on-information: light-dark(#ffffff, #003451); --ct-sys-color-on-information-container: light-dark(#004b72, #d7e4f2); --ct-sys-color-on-information-container-hover: light-dark(#004b72, #d7e4f2); --ct-sys-color-on-information-container-pressed: light-dark(#004b72, #d7e4f2); --ct-sys-color-on-information-container-state-layer: light-dark(#004b72, #d7e4f2); --ct-sys-color-on-information-hover: light-dark(#ffffff, #003451); --ct-sys-color-on-information-pressed: light-dark(#ffffff, #003451); --ct-sys-color-on-information-state-layer: light-dark(#000000, #003451); --ct-sys-color-on-primary: light-dark(#ffffff, #003641); --ct-sys-color-on-primary-container: light-dark(#004e5e, #b1ecff); --ct-sys-color-on-primary-container-hover: light-dark(#004e5e, #b1ecff); --ct-sys-color-on-primary-container-pressed: light-dark(#004e5e, #b1ecff); --ct-sys-color-on-primary-container-selected: light-dark(#004e5e, #b1ecff); --ct-sys-color-on-primary-container-selected-hover: light-dark(#004e5e, #c2f0ff); --ct-sys-color-on-primary-container-selected-pressed: light-dark(#004958, #fdfeff); --ct-sys-color-on-primary-container-state-layer: 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-primary-hover: light-dark(#ffffff, #003641); --ct-sys-color-on-primary-pressed: light-dark(#ffffff, #003641); --ct-sys-color-on-primary-state-layer: light-dark(#000000, #003641); --ct-sys-color-on-secondary: light-dark(#ffffff, #362856); --ct-sys-color-on-secondary-container: light-dark(#4c3f6e, #e9ddff); --ct-sys-color-on-secondary-container-hover: light-dark(#4c3f6e, #e9ddff); --ct-sys-color-on-secondary-container-pressed: light-dark(#4c3f6e, #e9ddff); --ct-sys-color-on-secondary-container-selected: light-dark(#4c3f6e, #e9ddff); --ct-sys-color-on-secondary-container-selected-hover: light-dark(#4c3f6e, #eee4ff); --ct-sys-color-on-secondary-container-selected-pressed: light-dark(#473a69, #fffbff); --ct-sys-color-on-secondary-container-state-layer: 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-secondary-hover: light-dark(#ffffff, #362856); --ct-sys-color-on-secondary-pressed: light-dark(#ffffff, #362856); --ct-sys-color-on-secondary-state-layer: light-dark(#000000, #362856); --ct-sys-color-on-success: light-dark(#ffffff, #00391a); --ct-sys-color-on-success-container: light-dark(#005229, #d6e7d5); --ct-sys-color-on-success-container-hover: light-dark(#005229, #d6e7d5); --ct-sys-color-on-success-container-pressed: light-dark(#005229, #d6e7d5); --ct-sys-color-on-success-container-state-layer: light-dark(#005229, #d6e7d5); --ct-sys-color-on-success-hover: light-dark(#ffffff, #00391a); --ct-sys-color-on-success-pressed: light-dark(#ffffff, #00391a); --ct-sys-color-on-success-state-layer: light-dark(#000000, #00391a); --ct-sys-color-on-surface: light-dark(#171c1e, #dee3e6); --ct-sys-color-on-surface-hover: light-dark(#171c1e, #dee3e6); --ct-sys-color-on-surface-pressed: light-dark(#171c1e, #dee3e6); --ct-sys-color-on-surface-selected-hover: light-dark(#171c1e, #dee3e6); --ct-sys-color-on-surface-selected-pressed: light-dark(#171c1e, #e8edf0); --ct-sys-color-on-surface-selected-state-layer: light-dark(#171c1e, #dee3e6); --ct-sys-color-on-surface-variant: light-dark(#40484b, #bfc8cb); --ct-sys-color-on-surface-variant-hover: light-dark(#40484b, #bfc8cb); --ct-sys-color-on-surface-variant-pressed: light-dark(#40484b, #c5ced1); --ct-sys-color-on-tertiary: light-dark(#ffffff, #4d2424); --ct-sys-color-on-tertiary-container: light-dark(#683a39, #ffdad8); --ct-sys-color-on-tertiary-container-hover: light-dark(#683a39, #ffdad8); --ct-sys-color-on-tertiary-container-pressed: light-dark(#683a39, #ffdad8); --ct-sys-color-on-tertiary-container-state-layer: 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-tertiary-hover: light-dark(#ffffff, #4d2424); --ct-sys-color-on-tertiary-pressed: light-dark(#ffffff, #4d2424); --ct-sys-color-on-tertiary-state-layer: light-dark(#000000, #4d2424); --ct-sys-color-on-warning: light-dark(#ffffff, #3f2e00); --ct-sys-color-on-warning-container: light-dark(#5b4300, #f2e0c2); --ct-sys-color-on-warning-container-hover: light-dark(#5b4300, #f2e0c2); --ct-sys-color-on-warning-container-pressed: light-dark(#5b4300, #f2e0c2); --ct-sys-color-on-warning-container-state-layer: light-dark(#5b4300, #f2e0c2); --ct-sys-color-on-warning-hover: light-dark(#ffffff, #3f2e00); --ct-sys-color-on-warning-pressed: light-dark(#ffffff, #3f2e00); --ct-sys-color-on-warning-state-layer: light-dark(#000000, #3f2e00); --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-hover: light-dark(#015e71, #79d2ed); --ct-sys-color-primary-palette-key-color: light-dark(#0aa6c6, #0aa6c6); --ct-sys-color-primary-pressed: light-dark(#005162, #7fd8f3); --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-hover: light-dark(#5f479b, #cab4fe); --ct-sys-color-secondary-palette-key-color: light-dark(#7e6fa2, #7e6fa2); --ct-sys-color-secondary-pressed: light-dark(#523a8d, #d5c3ff); --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-hover: light-dark(#91393a, #ffa2a0); --ct-sys-color-tertiary-palette-key-color: light-dark(#9f6968, #9f6968); --ct-sys-color-tertiary-pressed: light-dark(#822d30, #ffbab8); --ct-sys-color-warning: light-dark(#845400, #e3c37e); --ct-sys-color-warning-container: light-dark(#f2e0c2, #643f00); --ct-sys-color-on-primary-container-solved: light-dark(#004e5e, #b1ecff); --ct-sys-color-primary-container-solved: light-dark(#c7e8f4, #304b53); --ct-sys-color-on-secondary-container-solved: light-dark(#4c3f6e, #e9ddff); --ct-sys-color-secondary-container-solved: light-dark(#e9ddff, #4a435b); --ct-sys-color-on-tertiary-container-solved: light-dark(#683a39, #ffdad8); --ct-sys-color-tertiary-container-solved: light-dark(#ffdad8, #472827); --ct-sys-color-on-error-container-solved: light-dark(#93000a, #ffdad6); --ct-sys-color-error-container-solved: light-dark(#ffdad6, #93000a); --ct-sys-color-on-information-container-solved: light-dark(#004b72, #d7e4f2); --ct-sys-color-information-container-solved: light-dark(#d7e4f2, #004b72); --ct-sys-color-on-success-container-solved: light-dark(#005229, #d6e7d5); --ct-sys-color-success-container-solved: light-dark(#d6e7d5, #005229); --ct-sys-color-on-warning-container-solved: light-dark(#5b4300, #f2e0c2); --ct-sys-color-warning-container-solved: light-dark(#f2e0c2, #643f00); --ct-sys-color-on-primary-solved: light-dark(#ffffff, #003641); --ct-sys-color-primary-solved: light-dark(#007087, #79d2ed); --ct-sys-color-on-secondary-solved: light-dark(#ffffff, #362856); --ct-sys-color-secondary-solved: light-dark(#6850a4, #cab4fe); --ct-sys-color-on-tertiary-solved: light-dark(#ffffff, #4d2424); --ct-sys-color-tertiary-solved: light-dark(#9c4142, #ffa2a0); --ct-sys-color-on-error-solved: light-dark(#ffffff, #690005); --ct-sys-color-error-solved: light-dark(#ba1a1a, #ffb4ab); --ct-sys-color-on-information-solved: light-dark(#ffffff, #003451); --ct-sys-color-information-solved: light-dark(#006496, #a4cbee); --ct-sys-color-on-success-solved: light-dark(#ffffff, #00391a); --ct-sys-color-success-solved: light-dark(#006d38, #a3d2ac); --ct-sys-color-on-warning-solved: light-dark(#ffffff, #3f2e00); --ct-sys-color-warning-solved: light-dark(#845400, #e3c37e); --ct-sys-color-on-surface-solved: light-dark(#171c1e, #dee3e6); --ct-sys-color-surface-solved: light-dark(#f5fafd, #0f1416); --ct-sys-color-background-solved: light-dark(#f5fafd, #0f1416); --ct-sys-color-surface-dim-solved: light-dark(#d6dbdd, #0f1416); --ct-sys-color-surface-bright-solved: light-dark(#f5fafd, #343a3c); --ct-sys-color-surface-container-lowest-solved: light-dark(#ffffff, #090f11); --ct-sys-color-surface-container-low-solved: light-dark(#eff4f7, #171c1e); --ct-sys-color-surface-container-solved: light-dark(#eaeff1, #1b2022); --ct-sys-color-surface-container-high-solved: light-dark(#e4e9eb, #252b2d); --ct-sys-color-surface-container-highest-solved: light-dark(#dee3e6, #303638); --ct-sys-color-on-surface-variant-solved: light-dark(#40484b, #bfc8cb); } [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-error-hover: light-dark(#ad0d12, #ffb4ab); --ct-sys-color-error-pressed: light-dark(#98000a, #ffbab2); --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-error-container-hover: light-dark(#93000a, #ffdad6); --ct-sys-color-on-error-container-pressed: light-dark(#93000a, #ffdad6); --ct-sys-color-on-error-container-state-layer: light-dark(#93000a, #ffdad6); --ct-sys-color-on-error-hover: light-dark(#ffffff, #690005); --ct-sys-color-on-error-pressed: light-dark(#ffffff, #690005); --ct-sys-color-on-error-state-layer: light-dark(#ffffff, #690005); --ct-sys-color-on-information: light-dark(#ffffff, #003451); --ct-sys-color-on-information-container: light-dark(#004b72, #d7e4f2); --ct-sys-color-on-information-container-hover: light-dark(#004b72, #d7e4f2); --ct-sys-color-on-information-container-pressed: light-dark(#004b72, #d7e4f2); --ct-sys-color-on-information-container-state-layer: light-dark(#004b72, #d7e4f2); --ct-sys-color-on-information-hover: light-dark(#ffffff, #003451); --ct-sys-color-on-information-pressed: light-dark(#ffffff, #003451); --ct-sys-color-on-information-state-layer: light-dark(#000000, #003451); --ct-sys-color-on-primary: light-dark(#ffffff, #30009b); --ct-sys-color-on-primary-container: light-dark(#4618ca, #e6deff); --ct-sys-color-on-primary-container-hover: light-dark(#4618ca, #e6deff); --ct-sys-color-on-primary-container-pressed: light-dark(#4618ca, #e6deff); --ct-sys-color-on-primary-container-selected: light-dark(#4618ca, #e6deff); --ct-sys-color-on-primary-container-selected-hover: light-dark(#4618ca, #ede6ff); --ct-sys-color-on-primary-container-selected-pressed: light-dark(#3f03c4, #fffdff); --ct-sys-color-on-primary-container-state-layer: 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-primary-hover: light-dark(#ffffff, #30009b); --ct-sys-color-on-primary-pressed: light-dark(#ffffff, #30009b); --ct-sys-color-on-primary-state-layer: light-dark(#000000, #30009b); --ct-sys-color-on-secondary: light-dark(#ffffff, #67001d); --ct-sys-color-on-secondary-container: light-dark(#8e0c2e, #ffdadb); --ct-sys-color-on-secondary-container-hover: light-dark(#8e0c2e, #ffdadb); --ct-sys-color-on-secondary-container-pressed: light-dark(#8e0c2e, #ffdadb); --ct-sys-color-on-secondary-container-selected: light-dark(#8e0c2e, #ffdadb); --ct-sys-color-on-secondary-container-selected-hover: light-dark(#8e0c2e, #ffe2e2); --ct-sys-color-on-secondary-container-selected-pressed: light-dark(#840128, #fffbff); --ct-sys-color-on-secondary-container-state-layer: 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-secondary-hover: light-dark(#ffffff, #67001d); --ct-sys-color-on-secondary-pressed: light-dark(#ffffff, #67001d); --ct-sys-color-on-secondary-state-layer: light-dark(#000000, #67001d); --ct-sys-color-on-success: light-dark(#ffffff, #00391a); --ct-sys-color-on-success-container: light-dark(#005229, #d6e7d5); --ct-sys-color-on-success-container-hover: light-dark(#005229, #d6e7d5); --ct-sys-color-on-success-container-pressed: light-dark(#005229, #d6e7d5); --ct-sys-color-on-success-container-state-layer: light-dark(#005229, #d6e7d5); --ct-sys-color-on-success-hover: light-dark(#ffffff, #00391a); --ct-sys-color-on-success-pressed: light-dark(#ffffff, #00391a); --ct-sys-color-on-success-state-layer: light-dark(#000000, #00391a); --ct-sys-color-on-surface: light-dark(#1c1b20, #e6e1e9); --ct-sys-color-on-surface-hover: light-dark(#1c1b20, #e6e1e9); --ct-sys-color-on-surface-pressed: light-dark(#1c1b20, #e6e1e9); --ct-sys-color-on-surface-selected-hover: light-dark(#1c1b20, #e6e1e9); --ct-sys-color-on-surface-selected-pressed: light-dark(#1c1b20, #f0ebf3); --ct-sys-color-on-surface-selected-state-layer: light-dark(#1c1b20, #e6e1e9); --ct-sys-color-on-surface-variant: light-dark(#48454e, #c9c5d0); --ct-sys-color-on-surface-variant-hover: light-dark(#48454e, #c9c5d0); --ct-sys-color-on-surface-variant-pressed: light-dark(#48454e, #cfcbd6); --ct-sys-color-on-tertiary: light-dark(#ffffff, #3c2f00); --ct-sys-color-on-tertiary-container: light-dark(#564506, #fbe194); --ct-sys-color-on-tertiary-container-hover: light-dark(#564506, #fbe194); --ct-sys-color-on-tertiary-container-pressed: light-dark(#564506, #fbe194); --ct-sys-color-on-tertiary-container-state-layer: 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-tertiary-hover: light-dark(#ffffff, #3c2f00); --ct-sys-color-on-tertiary-pressed: light-dark(#ffffff, #3c2f00); --ct-sys-color-on-tertiary-state-layer: light-dark(#000000, #3c2f00); --ct-sys-color-on-warning: light-dark(#ffffff, #3f2e00); --ct-sys-color-on-warning-container: light-dark(#5b4300, #f2e0c2); --ct-sys-color-on-warning-container-hover: light-dark(#5b4300, #f2e0c2); --ct-sys-color-on-warning-container-pressed: light-dark(#5b4300, #f2e0c2); --ct-sys-color-on-warning-container-state-layer: light-dark(#5b4300, #f2e0c2); --ct-sys-color-on-warning-hover: light-dark(#ffffff, #3f2e00); --ct-sys-color-on-warning-pressed: light-dark(#ffffff, #3f2e00); --ct-sys-color-on-warning-state-layer: light-dark(#000000, #3f2e00); --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-hover: light-dark(#57499d, #c1b5fe); --ct-sys-color-primary-palette-key-color: light-dark(#785bfc, #785bfc); --ct-sys-color-primary-pressed: light-dark(#4a3c8f, #cfc5ff); --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-hover: light-dark(#913844, #ffa6ad); --ct-sys-color-secondary-palette-key-color: light-dark(#d1445a, #d1445a); --ct-sys-color-secondary-pressed: light-dark(#822c39, #ffbabf); --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-hover: light-dark(#685400, #e2c462); --ct-sys-color-tertiary-palette-key-color: light-dark(#897535, #897535); --ct-sys-color-tertiary-pressed: light-dark(#5a4800, #e8ca67); --ct-sys-color-warning: light-dark(#845400, #e3c37e); --ct-sys-color-warning-container: light-dark(#f2e0c2, #643f00); --ct-sys-color-on-primary-container-solved: light-dark(#4618ca, #e6deff); --ct-sys-color-primary-container-solved: light-dark(#e6deff, #48445b); --ct-sys-color-on-secondary-container-solved: light-dark(#8e0c2e, #ffdadb); --ct-sys-color-secondary-container-solved: light-dark(#ffdadb, #5f3e40); --ct-sys-color-on-tertiary-container-solved: light-dark(#564506, #fbe194); --ct-sys-color-tertiary-container-solved: light-dark(#f4e2b1, #392f12); --ct-sys-color-on-error-container-solved: light-dark(#93000a, #ffdad6); --ct-sys-color-error-container-solved: light-dark(#ffdad6, #93000a); --ct-sys-color-on-information-container-solved: light-dark(#004b72, #d7e4f2); --ct-sys-color-information-container-solved: light-dark(#d7e4f2, #004b72); --ct-sys-color-on-success-container-solved: light-dark(#005229, #d6e7d5); --ct-sys-color-success-container-solved: light-dark(#d6e7d5, #005229); --ct-sys-color-on-warning-container-solved: light-dark(#5b4300, #f2e0c2); --ct-sys-color-warning-container-solved: light-dark(#f2e0c2, #643f00); --ct-sys-color-on-primary-solved: light-dark(#ffffff, #30009b); --ct-sys-color-primary-solved: light-dark(#6052a6, #c1b5fe); --ct-sys-color-on-secondary-solved: light-dark(#ffffff, #67001d); --ct-sys-color-secondary-solved: light-dark(#9c404c, #ffa6ad); --ct-sys-color-on-tertiary-solved: light-dark(#ffffff, #3c2f00); --ct-sys-color-tertiary-solved: light-dark(#796200, #e2c462); --ct-sys-color-on-error-solved: light-dark(#ffffff, #690005); --ct-sys-color-error-solved: light-dark(#ba1a1a, #ffb4ab); --ct-sys-color-on-information-solved: light-dark(#ffffff, #003451); --ct-sys-color-information-solved: light-dark(#006496, #a4cbee); --ct-sys-color-on-success-solved: light-dark(#ffffff, #00391a); --ct-sys-color-success-solved: light-dark(#006d38, #a3d2ac); --ct-sys-color-on-warning-solved: light-dark(#ffffff, #3f2e00); --ct-sys-color-warning-solved: light-dark(#845400, #e3c37e); --ct-sys-color-on-surface-solved: light-dark(#1c1b20, #e6e1e9); --ct-sys-color-surface-solved: light-dark(#fdf8ff, #141318); --ct-sys-color-background-solved: light-dark(#fdf8ff, #141318); --ct-sys-color-surface-dim-solved: light-dark(#ddd8e0, #141318); --ct-sys-color-surface-bright-solved: light-dark(#fdf8ff, #3a383e); --ct-sys-color-surface-container-lowest-solved: light-dark(#ffffff, #0f0d13); --ct-sys-color-surface-container-low-solved: light-dark(#f7f2fa, #1c1b20); --ct-sys-color-surface-container-solved: light-dark(#f1ecf4, #201f25); --ct-sys-color-surface-container-high-solved: light-dark(#ebe6ee, #2b292f); --ct-sys-color-surface-container-highest-solved: light-dark(#e6e1e9, #36343a); --ct-sys-color-on-surface-variant-solved: light-dark(#48454e, #c9c5d0); } [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-error-hover: light-dark(#ad0d12, #ffb4ab); --ct-sys-color-error-pressed: light-dark(#98000a, #ffbcb4); --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-error-container-hover: light-dark(#93000a, #ffdad6); --ct-sys-color-on-error-container-pressed: light-dark(#93000a, #ffdad6); --ct-sys-color-on-error-container-state-layer: light-dark(#93000a, #ffdad6); --ct-sys-color-on-error-hover: light-dark(#ffffff, #690005); --ct-sys-color-on-error-pressed: light-dark(#ffffff, #690005); --ct-sys-color-on-error-state-layer: light-dark(#ffffff, #690005); --ct-sys-color-on-information: light-dark(#ffffff, #003451); --ct-sys-color-on-information-container: light-dark(#004b72, #d7e4f2); --ct-sys-color-on-information-container-hover: light-dark(#004b72, #d7e4f2); --ct-sys-color-on-information-container-pressed: light-dark(#004b72, #d7e4f2); --ct-sys-color-on-information-container-state-layer: light-dark(#004b72, #d7e4f2); --ct-sys-color-on-information-hover: light-dark(#ffffff, #003451); --ct-sys-color-on-information-pressed: light-dark(#ffffff, #003451); --ct-sys-color-on-information-state-layer: light-dark(#000000, #003451); --ct-sys-color-on-primary: light-dark(#ffffff, #680012); --ct-sys-color-on-primary-container: light-dark(#92001d, #ffdad8); --ct-sys-color-on-primary-container-hover: light-dark(#92001d, #ffdad8); --ct-sys-color-on-primary-container-pressed: light-dark(#92001d, #ffdad8); --ct-sys-color-on-primary-container-selected: light-dark(#92001d, #ffdad8); --ct-sys-color-on-primary-container-selected-hover: light-dark(#92001d, #ffe2e0); --ct-sys-color-on-primary-container-selected-pressed: light-dark(#830019, #fffbff); --ct-sys-color-on-primary-container-state-layer: 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-primary-hover: light-dark(#ffffff, #680012); --ct-sys-color-on-primary-pressed: light-dark(#ffffff, #680012); --ct-sys-color-on-primary-state-layer: light-dark(#000000, #680012); --ct-sys-color-on-secondary: light-dark(#ffffff, #393000); --ct-sys-color-on-secondary-container: light-dark(#524600, #fae373); --ct-sys-color-on-secondary-container-hover: light-dark(#524600, #fae373); --ct-sys-color-on-secondary-container-pressed: light-dark(#524600, #fae373); --ct-sys-color-on-secondary-container-selected: light-dark(#524600, #fae373); --ct-sys-color-on-secondary-container-selected-hover: light-dark(#524600, #ffe97e); --ct-sys-color-on-secondary-container-selected-pressed: light-dark(#4d4100, #fffbff); --ct-sys-color-on-secondary-container-state-layer: 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-secondary-hover: light-dark(#ffffff, #393000); --ct-sys-color-on-secondary-pressed: light-dark(#ffffff, #393000); --ct-sys-color-on-secondary-state-layer: light-dark(#000000, #393000); --ct-sys-color-on-success: light-dark(#ffffff, #00391a); --ct-sys-color-on-success-container: light-dark(#005229, #d6e7d5); --ct-sys-color-on-success-container-hover: light-dark(#005229, #d6e7d5); --ct-sys-color-on-success-container-pressed: light-dark(#005229, #d6e7d5); --ct-sys-color-on-success-container-state-layer: light-dark(#005229, #d6e7d5); --ct-sys-color-on-success-hover: light-dark(#ffffff, #00391a); --ct-sys-color-on-success-pressed: light-dark(#ffffff, #00391a); --ct-sys-color-on-success-state-layer: light-dark(#000000, #00391a); --ct-sys-color-on-surface: light-dark(#231919, #f0dedd); --ct-sys-color-on-surface-hover: light-dark(#231919, #f0dedd); --ct-sys-color-on-surface-pressed: light-dark(#231919, #f0dedd); --ct-sys-color-on-surface-selected-hover: light-dark(#231919, #f0dedd); --ct-sys-color-on-surface-selected-pressed: light-dark(#231919, #fce9e8); --ct-sys-color-on-surface-selected-state-layer: light-dark(#231919, #f0dedd); --ct-sys-color-on-surface-variant: light-dark(#524342, #d7c1c0); --ct-sys-color-on-surface-variant-hover: light-dark(#524342, #d7c1c0); --ct-sys-color-on-surface-variant-pressed: light-dark(#524342, #dec8c7); --ct-sys-color-on-tertiary: light-dark(#ffffff, #00382e); --ct-sys-color-on-tertiary-container: light-dark(#005144, #94f4dd); --ct-sys-color-on-tertiary-container-hover: light-dark(#005144, #94f4dd); --ct-sys-color-on-tertiary-container-pressed: light-dark(#005144, #94f4dd); --ct-sys-color-on-tertiary-container-state-layer: 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-tertiary-hover: light-dark(#ffffff, #00382e); --ct-sys-color-on-tertiary-pressed: light-dark(#ffffff, #00382e); --ct-sys-color-on-tertiary-state-layer: light-dark(#000000, #00382e); --ct-sys-color-on-warning: light-dark(#ffffff, #3f2e00); --ct-sys-color-on-warning-container: light-dark(#5b4300, #f2e0c2); --ct-sys-color-on-warning-container-hover: light-dark(#5b4300, #f2e0c2); --ct-sys-color-on-warning-container-pressed: light-dark(#5b4300, #f2e0c2); --ct-sys-color-on-warning-container-state-layer: light-dark(#5b4300, #f2e0c2); --ct-sys-color-on-warning-hover: light-dark(#ffffff, #3f2e00); --ct-sys-color-on-warning-pressed: light-dark(#ffffff, #3f2e00); --ct-sys-color-on-warning-state-layer: light-dark(#000000, #3f2e00); --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-hover: light-dark(#91393a, #ffa7a5); --ct-sys-color-primary-palette-key-color: light-dark(#ea1638, #ea1638); --ct-sys-color-primary-pressed: light-dark(#822d30, #ffbbb9); --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-hover: light-dark(#625400, #dcc664); --ct-sys-color-secondary-palette-key-color: light-dark(#89770d, #89770d); --ct-sys-color-secondary-pressed: light-dark(#554900, #e2cc69); --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-hover: light-dark(#026152, #79d8c1); --ct-sys-color-tertiary-palette-key-color: light-dark(#188673, #188673); --ct-sys-color-tertiary-pressed: light-dark(#025447, #7fdec6); --ct-sys-color-warning: light-dark(#845400, #e3c37e); --ct-sys-color-warning-container: light-dark(#f2e0c2, #643f00); --ct-sys-color-on-primary-container-solved: light-dark(#92001d, #ffdad8); --ct-sys-color-primary-container-solved: light-dark(#ffdad8, #5f3e3d); --ct-sys-color-on-secondary-container-solved: light-dark(#524600, #fae373); --ct-sys-color-secondary-container-solved: light-dark(#efe3b2, #4e4626); --ct-sys-color-on-tertiary-container-solved: light-dark(#005144, #94f4dd); --ct-sys-color-tertiary-container-solved: light-dark(#c5eadf, #18362e); --ct-sys-color-on-error-container-solved: light-dark(#93000a, #ffdad6); --ct-sys-color-error-container-solved: light-dark(#ffdad6, #93000a); --ct-sys-color-on-information-container-solved: light-dark(#004b72, #d7e4f2); --ct-sys-color-information-container-solved: light-dark(#d7e4f2, #004b72); --ct-sys-color-on-success-container-solved: light-dark(#005229, #d6e7d5); --ct-sys-color-success-container-solved: light-dark(#d6e7d5, #005229); --ct-sys-color-on-warning-container-solved: light-dark(#5b4300, #f2e0c2); --ct-sys-color-warning-container-solved: light-dark(#f2e0c2, #643f00); --ct-sys-color-on-primary-solved: light-dark(#ffffff, #680012); --ct-sys-color-primary-solved: light-dark(#9c4142, #ffa7a5); --ct-sys-color-on-secondary-solved: light-dark(#ffffff, #393000); --ct-sys-color-secondary-solved: light-dark(#746400, #dcc664); --ct-sys-color-on-tertiary-solved: light-dark(#ffffff, #00382e); --ct-sys-color-tertiary-solved: light-dark(#017361, #79d8c1); --ct-sys-color-on-error-solved: light-dark(#ffffff, #690005); --ct-sys-color-error-solved: light-dark(#ba1a1a, #ffb4ab); --ct-sys-color-on-information-solved: light-dark(#ffffff, #003451); --ct-sys-color-information-solved: light-dark(#006496, #a4cbee); --ct-sys-color-on-success-solved: light-dark(#ffffff, #00391a); --ct-sys-color-success-solved: light-dark(#006d38, #a3d2ac); --ct-sys-color-on-warning-solved: light-dark(#ffffff, #3f2e00); --ct-sys-color-warning-solved: light-dark(#845400, #e3c37e); --ct-sys-color-on-surface-solved: light-dark(#231919, #f0dedd); --ct-sys-color-surface-solved: light-dark(#fff8f7, #1a1111); --ct-sys-color-background-solved: light-dark(#fff8f7, #1a1111); --ct-sys-color-surface-dim-solved: light-dark(#e8d6d5, #1a1111); --ct-sys-color-surface-bright-solved: light-dark(#fff8f7, #423736); --ct-sys-color-surface-container-lowest-solved: light-dark(#ffffff, #140c0c); --ct-sys-color-surface-container-low-solved: light-dark(#fff0ef, #231919); --ct-sys-color-surface-container-solved: light-dark(#fceae9, #271d1d); --ct-sys-color-surface-container-high-solved: light-dark(#f6e4e3, #322827); --ct-sys-color-surface-container-highest-solved: light-dark(#f0dedd, #3d3232); --ct-sys-color-on-surface-variant-solved: light-dark(#524342, #d7c1c0); } [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-error-hover: light-dark(#ad0d12, #ffb4ab); --ct-sys-color-error-pressed: light-dark(#98000a, #ffbcb4); --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-error-container-hover: light-dark(#93000a, #ffdad6); --ct-sys-color-on-error-container-pressed: light-dark(#93000a, #ffdad6); --ct-sys-color-on-error-container-state-layer: light-dark(#93000a, #ffdad6); --ct-sys-color-on-error-hover: light-dark(#ffffff, #690005); --ct-sys-color-on-error-pressed: light-dark(#ffffff, #690005); --ct-sys-color-on-error-state-layer: light-dark(#ffffff, #690005); --ct-sys-color-on-information: light-dark(#ffffff, #003451); --ct-sys-color-on-information-container: light-dark(#004b72, #d7e4f2); --ct-sys-color-on-information-container-hover: light-dark(#004b72, #d7e4f2); --ct-sys-color-on-information-container-pressed: light-dark(#004b72, #d7e4f2); --ct-sys-color-on-information-container-state-layer: light-dark(#004b72, #d7e4f2); --ct-sys-color-on-information-hover: light-dark(#ffffff, #003451); --ct-sys-color-on-information-pressed: light-dark(#ffffff, #003451); --ct-sys-color-on-information-state-layer: light-dark(#000000, #003451); --ct-sys-color-on-primary: light-dark(#ffffff, #003823); --ct-sys-color-on-primary-container: light-dark(#005234, #86f9be); --ct-sys-color-on-primary-container-hover: light-dark(#005234, #86f9be); --ct-sys-color-on-primary-container-pressed: light-dark(#005234, #86f9be); --ct-sys-color-on-primary-container-selected: light-dark(#005234, #86f9be); --ct-sys-color-on-primary-container-selected-hover: light-dark(#005234, #8cffc3); --ct-sys-color-on-primary-container-selected-pressed: light-dark(#004d30, #f6fff6); --ct-sys-color-on-primary-container-state-layer: 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-primary-hover: light-dark(#ffffff, #003823); --ct-sys-color-on-primary-pressed: light-dark(#ffffff, #003823); --ct-sys-color-on-primary-state-layer: light-dark(#000000, #003823); --ct-sys-color-on-secondary: light-dark(#ffffff, #00344f); --ct-sys-color-on-secondary-container: light-dark(#004b70, #cae6ff); --ct-sys-color-on-secondary-container-hover: light-dark(#004b70, #cae6ff); --ct-sys-color-on-secondary-container-pressed: light-dark(#004b70, #cae6ff); --ct-sys-color-on-secondary-container-selected: light-dark(#004b70, #cae6ff); --ct-sys-color-on-secondary-container-selected-hover: light-dark(#004b70, #d5ebff); --ct-sys-color-on-secondary-container-selected-pressed: light-dark(#004669, #fcfcff); --ct-sys-color-on-secondary-container-state-layer: 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-secondary-hover: light-dark(#ffffff, #00344f); --ct-sys-color-on-secondary-pressed: light-dark(#ffffff, #00344f); --ct-sys-color-on-secondary-state-layer: light-dark(#000000, #00344f); --ct-sys-color-on-success: light-dark(#ffffff, #00391a); --ct-sys-color-on-success-container: light-dark(#005229, #d6e7d5); --ct-sys-color-on-success-container-hover: light-dark(#005229, #d6e7d5); --ct-sys-color-on-success-container-pressed: light-dark(#005229, #d6e7d5); --ct-sys-color-on-success-container-state-layer: light-dark(#005229, #d6e7d5); --ct-sys-color-on-success-hover: light-dark(#ffffff, #00391a); --ct-sys-color-on-success-pressed: light-dark(#ffffff, #00391a); --ct-sys-color-on-success-state-layer: light-dark(#000000, #00391a); --ct-sys-color-on-surface: light-dark(#171d19, #dee4de); --ct-sys-color-on-surface-hover: light-dark(#171d19, #dee4de); --ct-sys-color-on-surface-pressed: light-dark(#171d19, #dee4de); --ct-sys-color-on-surface-selected-hover: light-dark(#171d19, #dee4de); --ct-sys-color-on-surface-selected-pressed: light-dark(#171d19, #e9efe9); --ct-sys-color-on-surface-selected-state-layer: light-dark(#171d19, #dee4de); --ct-sys-color-on-surface-variant: light-dark(#404943, #c0c9c1); --ct-sys-color-on-surface-variant-hover: light-dark(#404943, #c0c9c1); --ct-sys-color-on-surface-variant-pressed: light-dark(#404943, #c6cfc6); --ct-sys-color-on-tertiary: light-dark(#ffffff, #54006d); --ct-sys-color-on-tertiary-container: light-dark(#701f8a, #fbd7ff); --ct-sys-color-on-tertiary-container-hover: light-dark(#701f8a, #fbd7ff); --ct-sys-color-on-tertiary-container-pressed: light-dark(#701f8a, #fbd7ff); --ct-sys-color-on-tertiary-container-state-layer: 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-tertiary-hover: light-dark(#ffffff, #54006d); --ct-sys-color-on-tertiary-pressed: light-dark(#ffffff, #54006d); --ct-sys-color-on-tertiary-state-layer: light-dark(#000000, #54006d); --ct-sys-color-on-warning: light-dark(#ffffff, #3f2e00); --ct-sys-color-on-warning-container: light-dark(#5b4300, #f2e0c2); --ct-sys-color-on-warning-container-hover: light-dark(#5b4300, #f2e0c2); --ct-sys-color-on-warning-container-pressed: light-dark(#5b4300, #f2e0c2); --ct-sys-color-on-warning-container-state-layer: light-dark(#5b4300, #f2e0c2); --ct-sys-color-on-warning-hover: light-dark(#ffffff, #3f2e00); --ct-sys-color-on-warning-pressed: light-dark(#ffffff, #3f2e00); --ct-sys-color-on-warning-state-layer: light-dark(#000000, #3f2e00); --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-hover: light-dark(#006240, #87d7ac); --ct-sys-color-primary-palette-key-color: light-dark(#049462, #049462); --ct-sys-color-primary-pressed: light-dark(#025437, #8cddb1); --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-hover: light-dark(#005b87, #8dcdff); --ct-sys-color-secondary-palette-key-color: light-dark(#0289c8, #0289c8); --ct-sys-color-secondary-pressed: light-dark(#014e73, #9ad2ff); --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-hover: light-dark(#773e89, #ebb4f6); --ct-sys-color-tertiary-palette-key-color: light-dark(#a655bf, #a655bf); --ct-sys-color-tertiary-pressed: light-dark(#6a327c, #f1b9fc); --ct-sys-color-warning: light-dark(#845400, #e3c37e); --ct-sys-color-warning-container: light-dark(#f2e0c2, #643f00); --ct-sys-color-on-primary-container-solved: light-dark(#005234, #86f9be); --ct-sys-color-primary-container-solved: light-dark(#caebd5, #344c3e); --ct-sys-color-on-secondary-container-solved: light-dark(#004b70, #cae6ff); --ct-sys-color-secondary-container-solved: light-dark(#cde6fb, #364958); --ct-sys-color-on-tertiary-container-solved: light-dark(#701f8a, #fbd7ff); --ct-sys-color-tertiary-container-solved: light-dark(#f6daf8, #3b2b3e); --ct-sys-color-on-error-container-solved: light-dark(#93000a, #ffdad6); --ct-sys-color-error-container-solved: light-dark(#ffdad6, #93000a); --ct-sys-color-on-information-container-solved: light-dark(#004b72, #d7e4f2); --ct-sys-color-information-container-solved: light-dark(#d7e4f2, #004b72); --ct-sys-color-on-success-container-solved: light-dark(#005229, #d6e7d5); --ct-sys-color-success-container-solved: light-dark(#d6e7d5, #005229); --ct-sys-color-on-warning-container-solved: light-dark(#5b4300, #f2e0c2); --ct-sys-color-warning-container-solved: light-dark(#f2e0c2, #643f00); --ct-sys-color-on-primary-solved: light-dark(#ffffff, #003823); --ct-sys-color-primary-solved: light-dark(#00764e, #87d7ac); --ct-sys-color-on-secondary-solved: light-dark(#ffffff, #00344f); --ct-sys-color-secondary-solved: light-dark(#006c9e, #8dcdff); --ct-sys-color-on-tertiary-solved: light-dark(#ffffff, #54006d); --ct-sys-color-tertiary-solved: light-dark(#804792, #ebb4f6); --ct-sys-color-on-error-solved: light-dark(#ffffff, #690005); --ct-sys-color-error-solved: light-dark(#ba1a1a, #ffb4ab); --ct-sys-color-on-information-solved: light-dark(#ffffff, #003451); --ct-sys-color-information-solved: light-dark(#006496, #a4cbee); --ct-sys-color-on-success-solved: light-dark(#ffffff, #00391a); --ct-sys-color-success-solved: light-dark(#006d38, #a3d2ac); --ct-sys-color-on-warning-solved: light-dark(#ffffff, #3f2e00); --ct-sys-color-warning-solved: light-dark(#845400, #e3c37e); --ct-sys-color-on-surface-solved: light-dark(#171d19, #dee4de); --ct-sys-color-surface-solved: light-dark(#f5fbf4, #0f1511); --ct-sys-color-background-solved: light-dark(#f5fbf4, #0f1511); --ct-sys-color-surface-dim-solved: light-dark(#d6dbd5, #0f1511); --ct-sys-color-surface-bright-solved: light-dark(#f5fbf4, #353b36); --ct-sys-color-surface-container-lowest-solved: light-dark(#ffffff, #0a0f0c); --ct-sys-color-surface-container-low-solved: light-dark(#f0f5ef, #171d19); --ct-sys-color-surface-container-solved: light-dark(#eaefe9, #1b211d); --ct-sys-color-surface-container-high-solved: light-dark(#e4eae3, #262b27); --ct-sys-color-surface-container-highest-solved: light-dark(#dee4de, #303632); --ct-sys-color-on-surface-variant-solved: light-dark(#404943, #c0c9c1); } [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-error-hover: light-dark(#ad0d12, #ffb4ab); --ct-sys-color-error-pressed: light-dark(#98000a, #ffbcb4); --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-error-container-hover: light-dark(#93000a, #ffdad6); --ct-sys-color-on-error-container-pressed: light-dark(#93000a, #ffdad6); --ct-sys-color-on-error-container-state-layer: light-dark(#93000a, #ffdad6); --ct-sys-color-on-error-hover: light-dark(#ffffff, #690005); --ct-sys-color-on-error-pressed: light-dark(#ffffff, #690005); --ct-sys-color-on-error-state-layer: light-dark(#ffffff, #690005); --ct-sys-color-on-information: light-dark(#ffffff, #003451); --ct-sys-color-on-information-container: light-dark(#004b72, #d7e4f2); --ct-sys-color-on-information-container-hover: light-dark(#004b72, #d7e4f2); --ct-sys-color-on-information-container-pressed: light-dark(#004b72, #d7e4f2); --ct-sys-color-on-information-container-state-layer: light-dark(#004b72, #d7e4f2); --ct-sys-color-on-information-hover: light-dark(#ffffff, #003451); --ct-sys-color-on-information-pressed: light-dark(#ffffff, #003451); --ct-sys-color-on-information-state-layer: light-dark(#000000, #003451); --ct-sys-color-on-primary: light-dark(#ffffff, #611200); --ct-sys-color-on-primary-container: light-dark(#891d00, #ffdad2); --ct-sys-color-on-primary-container-hover: light-dark(#891d00, #ffdad2); --ct-sys-color-on-primary-container-pressed: light-dark(#891d00, #ffdad2); --ct-sys-color-on-primary-container-selected: light-dark(#891d00, #ffdad2); --ct-sys-color-on-primary-container-selected-hover: light-dark(#891d00, #ffe1db); --ct-sys-color-on-primary-container-selected-pressed: light-dark(#7d1a00, #fffaff); --ct-sys-color-on-primary-container-state-layer: 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-primary-hover: light-dark(#ffffff, #611200); --ct-sys-color-on-primary-pressed: light-dark(#ffffff, #611200); --ct-sys-color-on-primary-state-layer: light-dark(#000000, #611200); --ct-sys-color-on-secondary: light-dark(#ffffff, #313300); --ct-sys-color-on-secondary-container: light-dark(#484a00, #e6ea62); --ct-sys-color-on-secondary-container-hover: light-dark(#484a00, #e6ea62); --ct-sys-color-on-secondary-container-pressed: light-dark(#484a00, #e6ea62); --ct-sys-color-on-secondary-container-selected: light-dark(#484a00, #e6ea62); --ct-sys-color-on-secondary-container-selected-hover: light-dark(#484a00, #edf168); --ct-sys-color-on-secondary-container-selected-pressed: light-dark(#434500, #fffdff); --ct-sys-color-on-secondary-container-state-layer: 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-secondary-hover: light-dark(#ffffff, #313300); --ct-sys-color-on-secondary-pressed: light-dark(#ffffff, #313300); --ct-sys-color-on-secondary-state-layer: light-dark(#000000, #313300); --ct-sys-color-on-success: light-dark(#ffffff, #00391a); --ct-sys-color-on-success-container: light-dark(#005229, #d6e7d5); --ct-sys-color-on-success-container-hover: light-dark(#005229, #d6e7d5); --ct-sys-color-on-success-container-pressed: light-dark(#005229, #d6e7d5); --ct-sys-color-on-success-container-state-layer: light-dark(#005229, #d6e7d5); --ct-sys-color-on-success-hover: light-dark(#ffffff, #00391a); --ct-sys-color-on-success-pressed: light-dark(#ffffff, #00391a); --ct-sys-color-on-success-state-layer: light-dark(#000000, #00391a); --ct-sys-color-on-surface: light-dark(#231917, #f1dfda); --ct-sys-color-on-surface-hover: light-dark(#231917, #f1dfda); --ct-sys-color-on-surface-pressed: light-dark(#231917, #f1dfda); --ct-sys-color-on-surface-selected-hover: light-dark(#231917, #f1dfda); --ct-sys-color-on-surface-selected-pressed: light-dark(#231917, #fdeae5); --ct-sys-color-on-surface-selected-state-layer: light-dark(#231917, #f1dfda); --ct-sys-color-on-surface-variant: light-dark(#534340, #d8c2bd); --ct-sys-color-on-surface-variant-hover: light-dark(#534340, #d8c2bd); --ct-sys-color-on-surface-variant-pressed: light-dark(#534340, #dec8c2); --ct-sys-color-on-tertiary: light-dark(#ffffff, #003735); --ct-sys-color-on-tertiary-container: light-dark(#00504d, #84f5ef); --ct-sys-color-on-tertiary-container-hover: light-dark(#00504d, #84f5ef); --ct-sys-color-on-tertiary-container-pressed: light-dark(#00504d, #84f5ef); --ct-sys-color-on-tertiary-container-state-layer: 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-tertiary-hover: light-dark(#ffffff, #003735); --ct-sys-color-on-tertiary-pressed: light-dark(#ffffff, #003735); --ct-sys-color-on-tertiary-state-layer: light-dark(#000000, #003735); --ct-sys-color-on-warning: light-dark(#ffffff, #3f2e00); --ct-sys-color-on-warning-container: light-dark(#5b4300, #f2e0c2); --ct-sys-color-on-warning-container-hover: light-dark(#5b4300, #f2e0c2); --ct-sys-color-on-warning-container-pressed: light-dark(#5b4300, #f2e0c2); --ct-sys-color-on-warning-container-state-layer: light-dark(#5b4300, #f2e0c2); --ct-sys-color-on-warning-hover: light-dark(#ffffff, #3f2e00); --ct-sys-color-on-warning-pressed: light-dark(#ffffff, #3f2e00); --ct-sys-color-on-warning-state-layer: light-dark(#000000, #3f2e00); --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-hover: light-dark(#913b26, #ffa690); --ct-sys-color-primary-palette-key-color: light-dark(#fb3d00, #fb3d00); --ct-sys-color-primary-pressed: light-dark(#802e1a, #ffbcac); --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-hover: light-dark(#575900, #cacc6d); --ct-sys-color-secondary-palette-key-color: light-dark(#8b8e00, #8b8e00); --ct-sys-color-secondary-pressed: light-dark(#4b4d00, #d0d272); --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-hover: light-dark(#015f5c, #73d7d1); --ct-sys-color-tertiary-palette-key-color: light-dark(#049994, #049994); --ct-sys-color-tertiary-pressed: light-dark(#01524f, #79ddd7); --ct-sys-color-warning: light-dark(#845400, #e3c37e); --ct-sys-color-warning-container: light-dark(#f2e0c2, #643f00); --ct-sys-color-on-primary-container-solved: light-dark(#891d00, #ffdad2); --ct-sys-color-primary-container-solved: light-dark(#ffdad2, #5f3e36); --ct-sys-color-on-secondary-container-solved: light-dark(#484a00, #e6ea62); --ct-sys-color-secondary-container-solved: light-dark(#e6e6b7, #48492a); --ct-sys-color-on-tertiary-container-solved: light-dark(#00504d, #84f5ef); --ct-sys-color-tertiary-container-solved: light-dark(#c4eae7, #173533); --ct-sys-color-on-error-container-solved: light-dark(#93000a, #ffdad6); --ct-sys-color-error-container-solved: light-dark(#ffdad6, #93000a); --ct-sys-color-on-information-container-solved: light-dark(#004b72, #d7e4f2); --ct-sys-color-information-container-solved: light-dark(#d7e4f2, #004b72); --ct-sys-color-on-success-container-solved: light-dark(#005229, #d6e7d5); --ct-sys-color-success-container-solved: light-dark(#d6e7d5, #005229); --ct-sys-color-on-warning-container-solved: light-dark(#5b4300, #f2e0c2); --ct-sys-color-warning-container-solved: light-dark(#f2e0c2, #643f00); --ct-sys-color-on-primary-solved: light-dark(#ffffff, #611200); --ct-sys-color-primary-solved: light-dark(#9c432d, #ffa690); --ct-sys-color-on-secondary-solved: light-dark(#ffffff, #313300); --ct-sys-color-secondary-solved: light-dark(#666800, #cacc6d); --ct-sys-color-on-tertiary-solved: light-dark(#ffffff, #003735); --ct-sys-color-tertiary-solved: light-dark(#00726e, #73d7d1); --ct-sys-color-on-error-solved: light-dark(#ffffff, #690005); --ct-sys-color-error-solved: light-dark(#ba1a1a, #ffb4ab); --ct-sys-color-on-information-solved: light-dark(#ffffff, #003451); --ct-sys-color-information-solved: light-dark(#006496, #a4cbee); --ct-sys-color-on-success-solved: light-dark(#ffffff, #00391a); --ct-sys-color-success-solved: light-dark(#006d38, #a3d2ac); --ct-sys-color-on-warning-solved: light-dark(#ffffff, #3f2e00); --ct-sys-color-warning-solved: light-dark(#845400, #e3c37e); --ct-sys-color-on-surface-solved: light-dark(#231917, #f1dfda); --ct-sys-color-surface-solved: light-dark(#fff8f6, #1a110f); --ct-sys-color-background-solved: light-dark(#fff8f6, #1a110f); --ct-sys-color-surface-dim-solved: light-dark(#e8d6d2, #1a110f); --ct-sys-color-surface-bright-solved: light-dark(#fff8f6, #423734); --ct-sys-color-surface-container-lowest-solved: light-dark(#ffffff, #140c0a); --ct-sys-color-surface-container-low-solved: light-dark(#fff1ed, #231917); --ct-sys-color-surface-container-solved: light-dark(#fceae6, #271d1b); --ct-sys-color-surface-container-high-solved: light-dark(#f7e4e0, #322825); --ct-sys-color-surface-container-highest-solved: light-dark(#f1dfda, #3d3230); --ct-sys-color-on-surface-variant-solved: light-dark(#534340, #d8c2bd); } } :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); }