:root {
    --site-page-background: #d6d6d6;
    --site-surface-background: #ffffff;
    --site-header-background: #3131ff;
    --site-header-text: #f7f7f7;
    --site-body-text: #000000;
    --site-heading-text: #000000;
    --site-effect: #e7e7e7;
    --site-accent: #e7e7e7;
    --site-accent-text: #000000;
    --site-inset-background: #F5F5F5;
    --site-surface-end: #FAFAFA;
    --site-header-end: #2B2BE0;
    --site-header-outline-soft-color: #5C5FE4;
    --site-header-outline-strong-color: #8187CC;
    --site-header-outline-soft-width: 0.93px;
    --site-header-outline-strong-width: 2.08px;
    --site-header-edge-light: rgb(64 84 255 / 0.4);
    --site-outline-soft-color: #DFE0E3;
    --site-outline-strong-color: #BABCC3;
    --site-outline-soft-width: 0.96px;
    --site-outline-strong-width: 2.18px;
    --site-depth-soft: 0 calc(3px * var(--site-visual-scale, 1)) calc(10px * var(--site-visual-scale, 1)) calc(-4px * var(--site-visual-scale, 1)) rgb(24 26 33 / 0.19), 0 0 0 0 transparent;
    --site-depth-dominant: 0 calc(16px * var(--site-visual-scale, 1)) calc(34px * var(--site-visual-scale, 1)) calc(-14px * var(--site-visual-scale, 1)) rgb(24 26 33 / 0.33), 0 calc(3px * var(--site-visual-scale, 1)) calc(16px * var(--site-visual-scale, 1)) calc(-5px * var(--site-visual-scale, 1)) rgb(24 26 33 / 0.16);
    --site-edge-light: rgb(250 255 255 / 0.55);
    --site-glow: rgb(231 231 231 / 0.14);
    --site-glow-secondary: rgb(231 231 231 / 0.09);
    --site-glass-opacity: 100%;
    --site-glass-filter: none;
    --site-legacy-menu-background: #e7e7e7;
    --site-legacy-menu-text: #000000;
    --site-legacy-description-text: #f7f7f7;
}