:root {
    --sl-bg: #EEF4FB;
    --sl-surface: #FFFFFF;
    --sl-surface-2: #F6F9FF;
    --sl-border: #C4D0E2;
    --sl-text: #0F172A;
    --sl-text-muted: #475569;
    --sl-link: #0B5EA8;
    --sl-primary: #1D63A7;
    --sl-primary-contrast: #FFFFFF;
    --sl-accent: #F27A1A;
    --sl-focus: #2E7DD7;
    --sl-success: #18804B;
    --sl-warning: #B45309;
    --sl-danger: #B42318;
    --sl-info: #2563EB;
    --sl-hover: #E7F0FF;
    --background-color: var(--sl-bg);
    --card-color: var(--sl-surface);
    --border-color: var(--sl-border);
    --font-color: var(--sl-text);
    --button-color: var(--sl-primary);
}