:root {
    --bz-primary: #364774;
    --bz-primary-hover: #1d4ed8;
    --bz-primary-soft: #eff6ff;
    --bz-secondary: #64748b;
    --bz-success: #16a34a;
    --bz-success-soft: #f0fdf4;
    --bz-warning: #FFB500;
    --bz-warning-soft: #fffbeb;
    --bz-danger: #dc2626;
    --bz-danger-soft: #fef2f2;
    --bz-info: #0891b2;
    --bz-info-soft: #ecfeff;
    --bz-bg: #f8fafc;
    --bz-surface: #ffffff;
    --bz-surface-soft: #f8fafc;
    --bz-surface-muted: #f1f5f9;
    --bz-text: #0f172a;
    --bz-text-soft: #334155;
    --bz-text-muted: #64748b;
    --bz-border: #e2e8f0;
    --bz-border-strong: #cbd5e1;
    --bz-radius-xs: 6px;
    --bz-radius-sm: 10px;
    --bz-radius-md: 14px;
    --bz-radius-lg: 18px;
    --bz-radius-xl: 24px;
    --bz-shadow-sm: 0 1px 3px rgba(15, 23, 42, 0.08);
    --bz-shadow-md: 0 8px 24px rgba(15, 23, 42, 0.08);
    --bz-shadow-lg: 0 14px 40px rgba(15, 23, 42, 0.12);
    --bz-transition: 180ms ease;
}

[data-bz-theme="dark"] {
    --bz-bg: #0f172a;
    --bz-surface: #111827;
    --bz-surface-soft: #1e293b;
    --bz-surface-muted: #334155;

    --bz-text: #f8fafc;
    --bz-text-soft: #e2e8f0;
    --bz-text-muted: #94a3b8;

    --bz-border: #334155;
    --bz-border-strong: #475569;
}