:root {
    /* Brand — matches the BuildOne logo mark exactly (charcoal shell +
       orange chevron accent), replacing the earlier placeholder blue/teal
       now that real brand artwork exists. Primary carries the charcoal
       (dominant logo color, and it keeps every white-on-primary button/
       badge safely above WCAG AA contrast, which the vivid orange alone
       could not: white-on-#FF6600 is only ~2.9:1). Accent carries the
       vivid orange chevron, used for gradients/highlights rather than as
       a background text sits on top of. */
    --bo-primary: #333333;
    --bo-primary-rgb: 51, 51, 51;
    --bo-primary-dark: #1A1A1A;
    --bo-accent: #FF6600;
    --bo-accent-rgb: 255, 102, 0;
    --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;
}