:root {
    --db-color-bg-page: #f4f5f8;
    --db-color-navy: #1A2340;
    --db-color-navy-dark: #12182d;
    --db-color-card-bg: #FFFFFF;
    --db-color-card-border: #E8ECEF;
    --db-color-text-main: #2C3545;
    --db-color-text-muted: #667085;
    --db-color-amber-accent: #E5A84B;
    --db-color-purple: #7C69AC;
    --db-color-purple-hover: #685596;
    --db-color-purple-tint: rgba(124, 105, 172, 0.15);
    --db-shadow-sm: 0 2px 8px rgba(26, 35, 64, 0.04);
    --db-shadow-hover: 0 4px 14px rgba(26, 35, 64, 0.07);
    --db-radius-md: 16px;
    --db-radius-lg: 20px;
    --db-transition-base: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}