/* ════════════════════════════════════════
   SmartGarage — Variables CSS FirstCar
════════════════════════════════════════ */
:root {
    --o-primary:       #FF6B00;
    --o-secondary:     #FF8C33;
    --o-accent:        #FFAD66;
    --o-success:       #16A34A;
    --o-info:          #0284C7;
    --o-warning:       #F59E0B;
    --o-danger:        #DC2626;
    --o-light:         #F4F5F7;
    --o-dark:          #0D0D18;
    --o-dark-sidebar:  #0E0E1A;
    --o-gray-100:      #F8F9FA;
    --o-gray-200:      #E9ECEF;
    --o-gray-300:      #DEE2E6;
    --o-gray-400:      #CED4DA;
    --o-gray-500:      #ADB5BD;
    --o-gray-600:      #6C757D;
    --o-gray-700:      #495057;
    --o-gray-800:      #343A40;
    --o-border-radius: 8px;
    --o-shadow-sm:     0 1px 2px 0 rgba(0,0,0,0.06);
    --o-shadow:        0 1px 3px 0 rgba(0,0,0,0.1), 0 1px 2px 0 rgba(0,0,0,0.06);
    --o-shadow-lg:     0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -2px rgba(0,0,0,0.05);
    --o-shadow-orange: 0 6px 20px rgba(255,107,0,0.28);
}

.dashboard-container {
    max-width: 100%;
    margin: 0 auto;
}