/* Feature Icon Colors - Common across all pages */
/* These colors represent the visual identity of each Silent Party feature */

:root {
    /* Feature Icon Colors */
    --icon-suggerisci-canzone: #FFD700;  /* Gold for lightbulb/suggest */
    --icon-fai-dedica: #e91e63;          /* Pink for heart/dedica */
    --icon-silent-karaoke: #9c27b0;      /* Purple for microphone/karaoke */
    --icon-silent-meet: #2196f3;         /* Blue for users/meet */
    --icon-photo-contest: #ff9800;       /* Orange for camera/photo contest */
    --icon-disabled: #b3b3b3;            /* Muted color for disabled features */
}

/* Feature Button Icons (for features.html and similar pages) */
.feature-button[data-feature="suggerisci_canzone"] .icon {
    color: var(--icon-suggerisci-canzone);
}

.feature-button[data-feature="fai_dedica"] .icon {
    color: var(--icon-fai-dedica);
}

.feature-button[data-feature="silent_karaoke"] .icon {
    color: var(--icon-silent-karaoke);
}

.feature-button[data-feature="silent_meet"] .icon {
    color: var(--icon-silent-meet);
}

.feature-button[data-feature="photo_contest"] .icon {
    color: var(--icon-photo-contest);
}

.feature-button.disabled .icon {
    color: var(--icon-disabled);
}

/* Admin Dedica Card Icons (for admin_suggestions.html) */
.dedica-card[data-type="suggerisci_canzone"] .dedica-icon {
    color: var(--icon-suggerisci-canzone);
}

.dedica-card[data-type="fai_dedica"] .dedica-icon {
    color: var(--icon-fai-dedica);
}

.dedica-card[data-type="silent_karaoke"] .dedica-icon {
    color: var(--icon-silent-karaoke);
}

.dedica-card[data-type="silent_meet"] .dedica-icon {
    color: var(--icon-silent-meet);
}

.dedica-card[data-type="photo_contest"] .dedica-icon {
    color: var(--icon-photo-contest);
}

/* Admin Type Filter Button Icons (for admin_suggestions.html) */
.type-filter-btn[id="type-filter-suggerisci_canzone"] i {
    color: var(--icon-suggerisci-canzone);
}

.type-filter-btn[id="type-filter-fai_dedica"] i {
    color: var(--icon-fai-dedica);
}

.type-filter-btn[id="type-filter-silent_karaoke"] i {
    color: var(--icon-silent-karaoke);
}

.type-filter-btn[id="type-filter-silent_meet"] i {
    color: var(--icon-silent-meet);
}

.type-filter-btn[id="type-filter-photo_contest"] i {
    color: var(--icon-photo-contest);
}

/* Generic classes for use anywhere in the app */
.icon-suggerisci-canzone {
    color: var(--icon-suggerisci-canzone) !important;
}

.icon-fai-dedica {
    color: var(--icon-fai-dedica) !important;
}

.icon-silent-karaoke {
    color: var(--icon-silent-karaoke) !important;
}

.icon-silent-meet {
    color: var(--icon-silent-meet) !important;
}

.icon-photo-contest {
    color: var(--icon-photo-contest) !important;
}

.icon-disabled {
    color: var(--icon-disabled) !important;
}