/**
 * Teal Theme for BirthdayCard.online
 */

.theme-teal {
    --primary-color: #009688;
    --secondary-color: #00796b;
    --accent-color: #4db6ac;
    --text-color: #004d40;
    --light-color: #e0f2f1;
    --border-color: #b2dfdb;
}

.theme-teal .card-header,
.theme-teal .btn-primary {
    background-color: var(--primary-color);
    border-color: var(--secondary-color);
}

.theme-teal .btn-primary:hover,
.theme-teal .btn-primary:focus {
    background-color: var(--secondary-color);
    border-color: var(--secondary-color);
}

.theme-teal .card-title,
.theme-teal h1,
.theme-teal h2,
.theme-teal a {
    color: var(--primary-color);
}

.theme-teal a:hover {
    color: var(--secondary-color);
}

.theme-teal .form-control:focus {
    border-color: var(--primary-color);
    box-shadow: 0 0 0 0.25rem rgba(0, 150, 136, 0.25);
}

/* Card preview overlay styles */
.preview-overlay.theme-teal {
    background-color: rgba(0, 150, 136, 0.7);
    color: #fff;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

/* Card view styles */
.card-view.theme-teal {
    background-color: rgba(0, 150, 136, 0.1);
    border: 2px solid var(--primary-color);
}

.card-view.theme-teal .card-header {
    background-color: var(--primary-color);
    color: white;
}

.card-view.theme-teal .card-footer {
    background-color: rgba(0, 150, 136, 0.1);
    border-top: 1px solid var(--primary-color);
}