/* themes.css - centralized theme styles and preview helpers */
:root{
  --theme-accent:#4232c2;
}

/* Theme picker cards */
.theme-card{border:2px solid transparent;transition:border-color .15s ease,transform .12s ease;cursor:pointer;background:#fff}
.theme-card:hover{transform:translateY(-4px)}
.theme-card.selected{border-color:var(--theme-accent);box-shadow:0 8px 24px rgba(0,0,0,0.06)}
.theme-preview{height:120px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;border-radius:6px}
.theme-label{margin-top:8px;display:block;text-align:center}

/* Preview modal */
.preview-container{padding:20px}
.preview-hero{height:160px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;border-radius:8px;font-size:1.6rem}
.preview-content{background:#fff;padding:18px;border-radius:8px;margin-top:14px;color:#333}
.preview-content p{margin-bottom:8px}

/* Theme palettes (7 themes) */
.theme-1{background:linear-gradient(135deg,#4232c2,#6f4cf5)}
.theme-2{background:linear-gradient(135deg,#efb059,#f6d292);color:#333}
.theme-3{background:linear-gradient(135deg,#2d9cdb,#2ec4b6)}
.theme-4{background:linear-gradient(135deg,#ff6b6b,#ff9a9e)}
.theme-5{background:linear-gradient(135deg,#444,#777)}
.theme-6{background:linear-gradient(135deg,#9b59b6,#f39cdd)}
.theme-7{background:linear-gradient(135deg,#2f8f6b,#6ce5b2);color:#00331a}

/* Apply theme to tribute header for consistent look */
.tribute-header.theme-1{background:linear-gradient(135deg,#4232c2,#6f4cf5);color:#fff;border-bottom:0}
.tribute-header.theme-2{background:linear-gradient(135deg,#efb059,#f6d292);color:#222;border-bottom:0}
.tribute-header.theme-3{background:linear-gradient(135deg,#2d9cdb,#2ec4b6);color:#fff;border-bottom:0}
.tribute-header.theme-4{background:linear-gradient(135deg,#ff6b6b,#ff9a9e);color:#fff;border-bottom:0}
.tribute-header.theme-5{background:linear-gradient(135deg,#444,#777);color:#fff;border-bottom:0}
.tribute-header.theme-6{background:linear-gradient(135deg,#9b59b6,#f39cdd);color:#fff;border-bottom:0}
.tribute-header.theme-7{background:linear-gradient(135deg,#2f8f6b,#6ce5b2);color:#fff;border-bottom:0}

/* Small utility tweaks */
.theme-card .card-body{background:transparent}

@media (max-width:576px){
  .theme-preview{height:96px;font-size:0.9rem}
}