:root {
    --bxl-ink: #132a31;
    --bxl-ink-raised: #1c3941;
    --bxl-teal: #168077;
    --bxl-teal-bright: #55bfb5;
    --bxl-teal-accessible: #0b6f69;
    --bxl-coral: #e0614f;
    --bxl-coral-bright: #ff7965;
    --bxl-coral-accessible: #b54235;
    --bxl-amber: #dca638;
    --bxl-paper: #f2f1ec;
    --bxl-surface: #ffffff;
    --bxl-surface-muted: #e7ebe7;
    --bxl-line: #cdd4d1;
    --bxl-muted: #607176;
    --bxl-muted-accessible: #51645f;
    --bxl-success: #22795a;
    --bxl-warning: #a66a16;
    --bxl-danger: #b63f3a;
    --bxl-font: Inter, Arial, Helvetica, sans-serif;
    --bxl-radius-small: 3px;
    --bxl-radius-control: 5px;
    --bxl-radius-panel: 6px;
    --bxl-shadow-panel: 0 14px 36px rgba(19, 42, 49, 0.12);
    --bxl-focus-ring: 0 0 0 3px rgba(220, 166, 56, 0.35);
    --bxl-motion-fast: 140ms;
    --bxl-motion-normal: 240ms;
    --bxl-motion-slow: 420ms;
    --bxl-motion-easing: cubic-bezier(0.2, 0.8, 0.2, 1);
}

@media (prefers-reduced-motion: reduce) {
    :root {
        --bxl-motion-fast: 0ms;
        --bxl-motion-normal: 0ms;
        --bxl-motion-slow: 0ms;
    }
}