:root {
    --color-accent: #4B9FF8;
    --color-accent-dark: #1347C0;
    --color-primary: #1A56D8;
    --color-primary-dark: #0D2B6B;
    --color-text: #0C1F3F;
    --color-text-soft: #4A5A78;
    --color-secondary: #0D2B6B;
    --color-surface: #F7FAFF;
    --color-surface-alt: #EEF4FF;
    --color-border: #E5EEFF;
    --color-border-strong: #D0DCF8;
    --color-button-text: #fff;
}

.color-accent {
    color: var(--color-accent);
}

.color-primary {
    color: var(--color-primary);
}

.color-color-text {
    color: var(--color-text);
}

.color-secondary {
    color: var(--color-secondary);
}

.bg-color-accent {
    background-color: var(--color-accent);
}

.bg-color-primary {
    background-color: var(--color-primary);
}

.bg-color-color-text {
    background-color: var(--color-text);
}

.bg-color-color-secondary {
    background-color: var(--color-secondary);
}