/* ==========================================================================
   COMBAT TEXT: the combat log (#log-feed) and the floating damage/status popups.
   Change a colour here and every line/popup of that kind follows.
   Literal colours (not var(--accent-gold)) so Hard Mode's red theme doesn't recolour loot.
   ========================================================================== */

:root {
    --ct-hit:    #e3e5e8;  /* your damage */
    --ct-crit:   #ffd54a;  /* crits, Limit Break */
    --ct-hurt:   #ff7070;  /* damage you take */
    --ct-heal:   #5fd35a;  /* heals, shields, dodges */
    --ct-status: #8ec5ff;  /* buffs, passives, companions */
    --ct-magic:  #d08cff;  /* XP, insight, echoes */
    --ct-loot:   #eebb4d;  /* gold, items, rewards */
    --ct-event:  #ff9f1a;  /* bosses, warnings, story beats */
    --ct-deny:   #b3a2a2;  /* refused actions */
    --ct-info:   #7d8590;  /* system / neutral */
}

/* --- COMBAT LOG --- */
#log-feed .log-line { color: #dcdde1; line-height: 1.25; }
#log-feed .log-caret { opacity: 0.3; margin-right: 5px; }

#log-feed .lg-hit    { color: var(--ct-hit); }
#log-feed .lg-crit   { color: var(--ct-crit); font-weight: bold; }
#log-feed .lg-hurt   { color: var(--ct-hurt); }
#log-feed .lg-heal   { color: var(--ct-heal); }
#log-feed .lg-status { color: var(--ct-status); }
#log-feed .lg-loot   { color: var(--ct-loot); }
#log-feed .lg-event  { color: var(--ct-event); font-weight: bold; border-left: 2px solid var(--ct-event); padding-left: 5px; }
#log-feed .lg-deny   { color: var(--ct-deny); font-style: italic; }
#log-feed .lg-info   { color: var(--ct-info); }

/* "PASSIVE:", "[BONUS]" etc. at the start of a line */
#log-feed .log-tag {
    display: inline-block;
    font-size: 0.75em;
    font-weight: bold;
    letter-spacing: 0.5px;
    padding: 0 4px;
    margin-right: 5px;
    border: 1px solid currentColor;
    border-radius: 3px;
    opacity: 0.85;
    vertical-align: 1px;
}

/* --- FLOATING POPUPS (showFloat type -> .float-<type>) --- */
.float-txt {
    color: #fff;
    font-size: 1.6rem;
    font-weight: normal;
    /* Sharp black outline, no blur: blurred text-shadows are costly to repaint on phones
       while several popups are moving at once. */
    text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000, 0 2px 0 rgba(0,0,0,0.7);
}

.float-txt.float-damage { color: #ff4444;          font-size: 2.2rem; font-weight: bold; }
.float-txt.float-crit   { color: #ffeb3b;          font-size: 2.4rem; font-weight: bold; z-index: 101 !important; }
.float-txt.float-bleed  { color: #ff4d6d;          font-weight: bold; }
.float-txt.float-poison { color: #a2ff86;          font-weight: bold; }
.float-txt.float-heal   { color: #44ff88;          font-size: 2.0rem; font-weight: bold; }
.float-txt.float-safe   { color: #4cd137; }
.float-txt.float-status { color: #ffcc00; }  /* stays yellow in Hard Mode, so it never reads as damage */
.float-txt.float-magic  { color: var(--ct-magic);  font-size: 1.7rem; font-weight: bold; }
.float-txt.float-avoid  { color: #7fd4ff;          font-size: 1.7rem; font-weight: bold; }
.float-txt.float-gold   { color: var(--ct-loot);   font-size: 1.8rem; font-weight: bold; }
.float-txt.float-loot   { color: #c9dbe6;          font-weight: bold; }
.float-txt.float-miss   { color: #aaaaaa;          font-style: italic; }
.float-txt.float-deny   { color: #ff9a7a;          font-size: 1.4rem; }