:root {
    --bw-primary: #1565d8;
    --bw-primary-dark: #0c4eaf;
    --bw-primary-deep: #073b8c;
    --bw-primary-light: #edf5ff;

    --bw-secondary: #7557e8;
    --bw-accent: #16b8a6;

    --bw-background: #f7faff;
    --bw-surface: #ffffff;
    --bw-surface-soft: #f0f6ff;
    --bw-surface-dark: #071b3c;

    --bw-text: #172033;
    --bw-text-soft: #667085;
    --bw-text-muted: #8a94a6;
    --bw-text-inverse: #ffffff;

    --bw-border: #e4eaf2;
    --bw-border-strong: #d2dce9;

    --bw-success: #16a34a;
    --bw-warning: #f59e0b;
    --bw-danger: #dc2626;

    --bw-radius-sm: 10px;
    --bw-radius-md: 16px;
    --bw-radius-lg: 24px;
    --bw-radius-xl: 34px;
    --bw-radius-pill: 999px;

    --bw-shadow-xs:
        0 2px 8px rgba(19, 43, 79, 0.05);

    --bw-shadow-sm:
        0 8px 24px rgba(19, 43, 79, 0.08);

    --bw-shadow-md:
        0 18px 48px rgba(19, 43, 79, 0.12);

    --bw-shadow-lg:
        0 32px 90px rgba(19, 43, 79, 0.18);

    --bw-transition:
        220ms cubic-bezier(0.2, 0.8, 0.2, 1);

    --bw-container: 1240px;
}