/* Light mode styles */

body {
    background-color: #f5f5f5;
    background: no-repeat linear-gradient(0deg, #f5f5f5 0%, #f5f5f5 70%, #e8e8ee 100%), #f5f5f5;
    color: #333;
}

/* Page Content */

.vendor-logo img {
    background-color: #222;
}

.catalog-filter img {
    background-color: #222;
}

.container-catalog img {
    background-color: #222;
}

/* Home */

.text-block {
    background-color: #fafafa;
    background: linear-gradient(45deg, #f7f7f8 0%, #f1f2f6 50%, #ebecf2 100%);
    border-color: #c4c4c4;
}

/* Catalog Tiles */

.tile {
    background-color: #fafafa;
    background: linear-gradient(45deg, #f7f7f8 0%, #f1f2f6 50%, #ebecf2 100%);
    border-color: #c4c4c4;
}

.tile .duration {
    color: #777;
}

.tile .actions a {
    color: #333;
}

.tile .actions a:hover {
    text-decoration: underline;
    color: #000;
}

/* Form */

input[type="text"],
input[type="number"],
input[type="email"],
input[type="password"],
input[type="datetime-local"],
textarea,
select {
    background-color: #fafafa;
    background: linear-gradient(45deg, #f7f7f8 0%, #f1f2f6 50%, #ebecf2 100%);
    border-color: #c4c4c4;
    color: #000;
}

select {
    background-color: #f7f7f8;
}

/* Lab Item */
.lab-item {
    background-color: #fafafa;
    background: linear-gradient(45deg, #f7f7f8 0%, #f1f2f6 50%, #ebecf2 100%);
    border-color: #c4c4c4;
}