/**
 * Yellow Theme for BirthdayCard.online
 */

.theme-yellow {
    --primary-color: #f1c40f;
    --secondary-color: #f39c12;
    --accent-color: #e67e22;
    --text-color: #2c3e50;
    --light-color: #f5f6fa;
    --border-color: #bdc3c7;
}

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

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

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

.theme-yellow a:hover {
    color: var(--accent-color);
}

.theme-yellow .form-control:focus {
    border-color: var(--primary-color);
    box-shadow: 0 0 0 0.25rem rgba(241, 196, 15, 0.25);
}

/* Card preview overlay styles */
.preview-overlay.theme-yellow {
    background-color: rgba(241, 196, 15, 0.7);
    color: var(--text-color);
    text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.5);
}

/* Card view styles */
.card-view.theme-yellow {
    background-color: rgba(241, 196, 15, 0.1);
    border: 2px solid var(--primary-color);
}

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

.card-view.theme-yellow .card-footer {
    background-color: rgba(241, 196, 15, 0.1);
    border-top: 1px solid var(--primary-color);
}