/**
 * CHRONICLES OF APOCALYPTICA - GLOBAL THEME OVERRIDES
 * Applies theme colors to all existing components
 */

/* GLOBAL COLOR OVERRIDES */
.site-title,
.tagline,
h1, h2, h3,
.question {
    color: var(--primary-color) !important;
    text-shadow: 0 0 20px var(--glow-color) !important;
}

/* BORDERS */
.header,
.section-box,
.philosophy,
.warning,
.promise,
.character-sheet,
.rpg-character-sheet,
.inventory-item,
.equipped-slot,
footer,
.chronicles-footer {
    border-color: var(--border-color) !important;
}

/* BACKGROUNDS */
.header,
body {
    background: var(--gradient-bg) !important;
}

/* Keep .content transparent so eyes show through on introduction page */

/* BUTTONS */
.btn,
.character-btn,
.use-btn,
.cast-btn,
.equip-btn,
.item-action-btn,
.loot-search-btn,
button[type="submit"],
input[type="submit"] {
    background: var(--button-gradient) !important;
    border-color: var(--border-color) !important;
}

.btn:hover,
.character-btn:hover,
.use-btn:hover,
.cast-btn:hover,
.equip-btn:hover,
.loot-search-btn:hover:not(:disabled) {
    background: var(--hover-color) !important;
    box-shadow: 0 0 15px var(--glow-color) !important;
}

/* LINKS - but NOT story content links */
a {
    color: var(--primary-color) !important;
}

a:hover {
    color: var(--hover-color) !important;
}

/* Story/lore content links should stay gold for readability */
.story a,
.story-content a,
.lore-content a,
.content p a,
.philosophy a,
.promise p a,
section p a {
    color: #ffd700 !important;
}

.story a:hover,
.story-content a:hover,
.lore-content a:hover,
.content p a:hover,
.philosophy a:hover,
.promise p a:hover,
section p a:hover {
    color: #ffed4a !important;
    text-shadow: 0 0 10px rgba(255, 215, 0, 0.5);
}

/* ACTION BUTTONS - override link color for filled buttons */
.big-action-btn,
a.big-action-btn {
    color: #1a1a1a !important;
    background: var(--primary-color) !important;
}

.big-action-btn:hover,
a.big-action-btn:hover {
    color: #1a1a1a !important;
    background: var(--hover-color) !important;
}

/* ACCENTS */
.philosophy em,
.promise strong,
em,
strong {
    color: var(--primary-color) !important;
}

/* XP BAR */
.xp-bar {
    border-color: var(--border-color) !important;
}

.xp-bar-fill {
    background: var(--button-gradient) !important;
}

/* ABILITY SCORES */
.ability-modifier {
    background: var(--primary-color) !important;
}

/* SECTION TITLES */
.section-title {
    color: var(--primary-color) !important;
    border-bottom-color: var(--border-color) !important;
}

/* VALUE BOXES */
.value-box,
.value-box-small,
.vital-value,
.save-value {
    border-color: var(--border-color) !important;
    color: var(--primary-color) !important;
}

/* LOOT NOTIFICATIONS */
.loot-notification {
    border-color: var(--border-color) !important;
}

.loot-notification strong {
    color: var(--primary-color) !important;
    text-shadow: 0 0 10px var(--glow-color) !important;
}

/* LEVEL UP */
.levelup-notification {
    border-color: var(--border-color) !important;
}

.levelup-title {
    color: var(--primary-color) !important;
    text-shadow: 0 0 20px var(--glow-color) !important;
}

.levelup-bonus {
    color: var(--primary-color) !important;
}

/* INVENTORY */
.inventory-item:hover {
    border-color: var(--primary-color) !important;
}

.inventory-item.uncommon { border-color: #1eff00 !important; }
.inventory-item.rare { border-color: #0070dd !important; }
.inventory-item.very-rare { border-color: #a335ee !important; }
.inventory-item.legendary { border-color: #ff8000 !important; }

/* EQUIPPED ITEMS */
.equipped-slot.filled,
.inventory-item.equipped {
    border-color: var(--primary-color) !important;
}

.equipped-item-name {
    color: var(--primary-color) !important;
}

/* SKILL PROFICIENCIES */
.skill-row.proficient {
    border-left-color: var(--primary-color) !important;
}

.skill-row.proficient .skill-prof-indicator {
    background: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}

/* FOOTER */
.footer a,
.chronicles-footer a {
    border-color: var(--border-color) !important;
    color: var(--primary-color) !important;
}

.footer a:hover,
.chronicles-footer a:hover {
    background: var(--primary-color) !important;
}

/* DISCORD BUTTON (keep blue) */
.discord-btn,
.discord-btn:hover {
    background: #5865F2 !important;
    border-color: #5865F2 !important;
    color: white !important;
}

/* SHADOWS AND GLOWS */
.rpg-character-sheet,
.section-box,
.loot-search-btn,
.theme-picker-btn,
.chronicles-footer {
    box-shadow: 0 5px 20px var(--glow-color) !important;
}

/* INPUT FIELDS */
input[type="text"],
input[type="number"],
select,
textarea {
    border-color: var(--border-color) !important;
}

input:focus,
select:focus,
textarea:focus {
    border-color: var(--primary-color) !important;
    box-shadow: 0 0 10px var(--glow-color) !important;
}

/* SCROLLBARS (Webkit browsers) */
::-webkit-scrollbar-thumb {
    background: var(--primary-color) !important;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--hover-color) !important;
}

/* SELECTION */
::selection {
    background: var(--primary-color) !important;
    color: #1a1a1a !important;
}

::-moz-selection {
    background: var(--primary-color) !important;
    color: #1a1a1a !important;
}