:root {
    /* Brand */
    --bo-primary: #2563EB;
    --bo-primary-rgb: 37, 99, 235;
    --bo-primary-dark: #1D4ED8;
    --bo-accent: #0F766E;
    --bo-accent-rgb: 15, 118, 110;
    --bo-dark: #0F172A;
    --bo-bg: #F8FAFC;
    --bo-white: #FFFFFF;
    --bo-border: #E7EAF0;
    --bo-text-muted: #64748B;

    /* Semantic (system feedback — kept separate from brand/status) */
    --bo-success: #16A34A;
    --bo-warning: #F59E0B;
    --bo-danger: #DC2626;
    --bo-info: #0284C7;

    /* Pipeline / lead status colors (SRS section 17) */
    --bo-status-new: #2563EB;         /* New            -> brand blue */
    --bo-status-contacted: #0284C7;   /* Contacted      -> info */
    --bo-status-qualified: #0F766E;   /* Qualified      -> accent teal */
    --bo-status-hot: #F97316;         /* Hot lead       -> orange accent */
    --bo-status-sitevisit: #7C3AED;   /* Site Visit     -> violet, distinct from brand blue */
    --bo-status-negotiation: #F59E0B; /* Negotiation    -> amber */
    --bo-status-booking: #0EA5E9;     /* Booking        -> sky */
    --bo-status-won: #16A34A;         /* Won / Booked   -> green */
    --bo-status-lost: #DC2626;        /* Lost           -> red */
    --bo-status-hold: #F59E0B;        /* On Hold        -> amber */

    /* Layout / elevation system */
    --bo-radius-sm: 6px;
    --bo-radius: 10px;
    --bo-radius-lg: 16px;
    --bo-shadow-sm: 0 1px 2px rgba(15, 23, 42, .05);
    --bo-shadow: 0 1px 3px rgba(15, 23, 42, .06), 0 6px 16px rgba(15, 23, 42, .06);
    --bo-shadow-lg: 0 12px 32px rgba(15, 23, 42, .12);
    --bo-sidebar-width: 240px;
}