/* Shared Cabal Warlords player-area identity. */
:root {
    --cw-crimson: #d92d35;
    --cw-crimson-bright: #ff5a5f;
    --cw-steel: #b9c2ce;
    --cw-ink: #08090d;
    --cw-panel: rgba(17, 20, 28, .94);
    --cw-border: rgba(231, 68, 73, .28);
}

body {
    background-color: var(--cw-ink) !important;
    background-image:
        radial-gradient(circle at 78% -12%, rgba(185, 23, 31, .34), transparent 32%),
        radial-gradient(circle at 8% 18%, rgba(111, 17, 22, .26), transparent 30%),
        linear-gradient(rgba(5, 6, 10, .78), rgba(5, 6, 10, .94)),
        url('/assets/bg.png') !important;
    color: #f6f3ef;
}

.gaming-header,
header[class*='backdrop'] {
    border-color: rgba(235, 70, 76, .38) !important;
    background: rgba(7, 8, 12, .9) !important;
    box-shadow: 0 8px 30px rgba(0, 0, 0, .34);
}

.site-logo-text,
header .font-extrabold {
    color: #ffc1bc !important;
    text-shadow: 0 0 18px rgba(233, 57, 65, .32);
}

.dropdown,
.mobile-menu {
    border-color: rgba(235, 70, 76, .35) !important;
    background: rgba(10, 11, 16, .98) !important;
}

.header-link:hover,
.header-button:hover,
.menu-link:hover,
a.hover\:text-red-300:hover {
    color: var(--cw-crimson-bright) !important;
}

.panel,
.card,
.stat-card,
.content-card,
.feature-frame,
.detail-card,
.currency-tile,
.reward-tile {
    border-color: var(--cw-border) !important;
}

.panel,
.card,
.content-card {
    background: linear-gradient(155deg, rgba(28, 31, 40, .96), rgba(10, 11, 16, .98)) !important;
}

.section-title,
.hero-title,
.currency-value {
    text-shadow: 0 3px 18px rgba(0, 0, 0, .42);
}

.text-yellow-300,
.text-yellow-400,
.text-yellow-200,
.text-orange-200,
.text-orange-300 {
    color: #ffc1bc !important;
}

.bg-yellow-500,
.bg-yellow-400 {
    background: linear-gradient(120deg, #e4444b, #991c25) !important;
    color: #fff !important;
}

.hover\:bg-yellow-600:hover,
.hover\:bg-yellow-500:hover {
    background: linear-gradient(120deg, #ff6065, #b32630) !important;
}

.border-yellow-500\/10,
.border-yellow-500\/20,
.border-yellow-500\/30 {
    border-color: rgba(232, 69, 75, .28) !important;
}

.focus\:ring-yellow-500:focus,
.focus\:ring-yellow-400:focus {
    --tw-ring-color: rgba(232, 69, 75, .7) !important;
}