/**
 * Blue Theme for BirthdayCard.online
 */

.theme-blue {
    --primary-color: #3498db;
    --secondary-color: #2980b9;
    --accent-color: #1abc9c;
    --text-color: #2c3e50;
    --light-color: #ecf0f1;
    --border-color: #bdc3c7;
}

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

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

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

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

.theme-blue .form-control:focus {
    border-color: var(--primary-color);
    box-shadow: 0 0 0 0.25rem rgba(52, 152, 219, 0.25);
}

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

/* Card view styles */
.card-view.theme-blue {
    background-color: rgba(52, 152, 219, 0.1);
    border: 2px solid var(--primary-color);
}

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

.card-view.theme-blue .card-footer {
    background-color: rgba(52, 152, 219, 0.1);
    border-top: 1px solid var(--primary-color);
}