:root[data-app-theme='default'],
.ct-logo-preview-palette[data-app-theme='default'] {
    --ct-surface: #f3f6fb;
    --ct-surface-rgb: 243, 246, 251;
    --ct-surface-alt: #ffffff;
    --ct-ink: #0a1325;
    --ct-ink-rgb: 10, 19, 37;
    --ct-accent: #0f6fff;
    --ct-accent-rgb: 15, 111, 255;
    --ct-accent-hover: #0b5ed7;
    --ct-accent-active: #0a58ca;
    --ct-accent-emphasis: #0f6fff;
    --ct-accent-emphasis-rgb: 15, 111, 255;
    --ct-accent-emphasis-hover: #0a58ca;
    --ct-accent-emphasis-hover-rgb: 10, 88, 202;
    --ct-on-accent: #ffffff;
    --ct-selection: #0f6fff;
    --ct-accent-soft: rgba(15, 111, 255, 0.14);
    --ct-border: rgba(10, 19, 37, 0.12);
    --ct-body-glow-primary: rgba(65, 179, 255, 0.2);
    --ct-body-glow-secondary: rgba(15, 111, 255, 0.18);
    --ct-shadow: 0 22px 52px rgba(14, 31, 66, 0.14);
    --ct-shadow-soft: 0 16px 36px rgba(14, 31, 66, 0.1);
    --ct-shadow-subtle: 0 16px 36px rgba(14, 31, 66, 0.08);
    --ct-shadow-medium: 0 20px 48px rgba(14, 31, 66, 0.18);
    --ct-shadow-compact: 0 12px 28px rgba(14, 31, 66, 0.08);
}

:root[data-app-theme='default'][data-bs-theme='dark'],
.ct-logo-preview-palette[data-app-theme='default'][data-bs-theme='dark'] {
    --ct-surface: #0a1223;
    --ct-surface-rgb: 10, 18, 35;
    --ct-surface-alt: #121d33;
    --ct-ink: #e5edff;
    --ct-ink-rgb: 229, 237, 255;
    --ct-accent: #41b3ff;
    --ct-accent-rgb: 65, 179, 255;
    --ct-accent-hover: #65c2ff;
    --ct-accent-active: #86d0ff;
    --ct-accent-emphasis: #6bc8ff;
    --ct-accent-emphasis-rgb: 107, 200, 255;
    --ct-accent-emphasis-hover: #9bdcff;
    --ct-accent-emphasis-hover-rgb: 155, 220, 255;
    --ct-on-accent: #071426;
    --ct-selection: #0d6efd;
    --ct-accent-soft: rgba(65, 179, 255, 0.2);
    --ct-border: rgba(229, 237, 255, 0.2);
    --ct-body-glow-primary: rgba(65, 179, 255, 0.2);
    --ct-body-glow-secondary: rgba(15, 111, 255, 0.18);
    --ct-shadow: 0 22px 52px rgba(3, 8, 20, 0.5);
    --ct-shadow-soft: 0 16px 36px rgba(3, 8, 20, 0.34);
    --ct-shadow-subtle: 0 16px 36px rgba(3, 8, 20, 0.3);
    --ct-shadow-medium: 0 20px 48px rgba(3, 8, 20, 0.48);
    --ct-shadow-compact: 0 12px 28px rgba(3, 8, 20, 0.3);
}