:root {
    --primary-color: #007bff;
    --secondary-color: #6c757d;
    --success-color: #28a745;
    --danger-color: #dc3545;
    --warning-color: #ffc107;
    --info-color: #17a2b8;
    --light-color: #f8f9fa;
    --dark-color: #343a40;
    --background-color: #ffffff;

    --primary-color-hover: #0069d9;
    --secondary-color-hover: #5a6268;
    --success-color-hover: #218838;
    --danger-color-hover: #c82333;
    --warning-color-hover: #e0a800;
    --info-color-hover: #138496;
    --light-color-hover: #e2e6ea;

    --danger-light-color: #f8d7da;
}