/*
 * Theme definitions for stat boxes (TV view) and swatches (player picker).
 *
 * Stat box themes use dark, readable backgrounds with subtle gradients.
 * Swatch themes use fuller, saturated colors so players can recognise them.
 *
 * If you add a real PNG to /assets/themes/{slug}.png, override the
 * background-image in the relevant .seat.theme-* rule below.
 */

/* ── Stat box themes (TV/table view) ────────────────────── */

.seat.theme-wood {
    background-color: #3D1E0A;
    background-image:
        linear-gradient(155deg,
            rgba(92, 48, 24, .95) 0%,
            rgba(42, 18, 6,  .98) 45%,
            rgba(80, 42, 16, .95) 100%);
}

.seat.theme-stone {
    background-color: #1B2430;
    background-image:
        linear-gradient(155deg,
            rgba(36, 48, 64,  .95) 0%,
            rgba(18, 24, 32,  .98) 45%,
            rgba(28, 40, 54,  .95) 100%);
}

.seat.theme-parchment {
    background-color: #2A1F0D;
    background-image:
        linear-gradient(155deg,
            rgba(62, 46, 18,  .95) 0%,
            rgba(28, 20, 8,   .98) 45%,
            rgba(52, 38, 12,  .95) 100%);
}

.seat.theme-iron {
    background-color: #181A1F;
    background-image:
        linear-gradient(155deg,
            rgba(34, 38, 46,  .96) 0%,
            rgba(14, 16, 18,  .99) 45%,
            rgba(30, 34, 42,  .96) 100%);
}

.seat.theme-arcane {
    background-color: #180A2E;
    background-image:
        linear-gradient(155deg,
            rgba(44, 14, 76,  .95) 0%,
            rgba(14,  6, 26,  .98) 45%,
            rgba(58, 14, 96,  .95) 100%);
}

/* ── Player character card (DM view) ────────────────────── */
.player-card.theme-wood      { border-left: 3px solid #8B5A2B; }
.player-card.theme-stone     { border-left: 3px solid #607D8B; }
.player-card.theme-parchment { border-left: 3px solid #A0845C; }
.player-card.theme-iron      { border-left: 3px solid #546E7A; }
.player-card.theme-arcane    { border-left: 3px solid #9C27B0; }

/* ── Theme swatches (player Full Sheet picker) ───────────── */
.theme-swatch[data-theme="wood"] {
    background: linear-gradient(135deg, #6B3510 0%, #C87941 100%);
}
.theme-swatch[data-theme="stone"] {
    background: linear-gradient(135deg, #37474F 0%, #78909C 100%);
}
.theme-swatch[data-theme="parchment"] {
    background: linear-gradient(135deg, #7D6035 0%, #C8A87A 100%);
}
.theme-swatch[data-theme="iron"] {
    background: linear-gradient(135deg, #263238 0%, #607D8B 100%);
}
.theme-swatch[data-theme="arcane"] {
    background: linear-gradient(135deg, #4A148C 0%, #CE93D8 100%);
}