/*
 * TEMAS PUBLICOS DO PORTAL VALDRACON (OpenSpec 68)
 *
 * O Admin do jogo escolhe o tema deste portal e publica o snapshot que
 * `App\Support\TemaPublico` le. O conteudo e SEMPRE o mesmo; muda so a pele.
 *
 * Contrato: `body[data-public-theme="<slug>"]`, escrito por
 * `resources/views/layouts/portal.blade.php`.
 *
 * Aqui so existem TOKENS: a folha unica do portal (`portal.css`) ja consome
 * `--vd-*`/`--brand-*`, entao remapear os tokens re-tinge a plataforma inteira
 * sem tocar em componente. A identidade propria do portal (`valdracon-portal`,
 * o padrao) NAO aparece neste arquivo: ela e a pele original, congelada.
 *
 * Cores copiadas dos temas de origem (mesmos valores da web publica):
 * tibia -> public/css/tibia/00-variables.css; warjin-v4 ->
 * images/game-ui/layouts/warjin-v4/layout.css; valdragon-imperial ->
 * resources/css/valdragon-imperial/tokens.css; classico ->
 * resources/css/valdragon-imperial/classic-tokens.css.
 */

/* ============================================================
 * CLASSICO / VALDRAGON IMPERIAL - estetica dark Diablo III/Blizzard
 * ============================================================ */
body[data-public-theme="ryudragon-classic"] {
    --vd-fundo: #0a0a12;
    --vd-superficie: #12121c;
    --vd-superficie-2: #161522;
    --vd-superficie-3: #1a1926;
    --vd-texto: #e8d5a0;
    --vd-texto-2: #c8ba9d;
    --vd-texto-3: #8f836f;
    --vd-borda: rgba(200, 155, 60, 0.25);
    --vd-borda-forte: #c89b3c;
    --vd-fogo: #c89b3c;
    --vd-paixao: #8e1b14;
    --vd-brasa-suave: rgba(200, 155, 60, 0.15);
    --vd-foco: #ffd770;
    --vd-grad-brasa: linear-gradient(180deg, #2b2214, #16120c);
    --vd-grad-superficie: linear-gradient(180deg, #161522, #100f16);
    --vd-brilho-hero: radial-gradient(120% 90% at 50% 0%, rgba(200, 155, 60, 0.20), rgba(142, 27, 20, 0.10) 42%, transparent 72%);
    --brand-fundo: #0a0a12;
    --brand-superficie: #12121c;
    --brand-superficie-2: #161522;
    --brand-texto: #e8d5a0;
    --brand-texto-forte: #f5dfa0;
    --brand-texto-mudo: #8f836f;
    --brand-texto-mudo-2: #8f836f;
    --brand-borda: rgba(200, 155, 60, 0.25);
    --brand-borda-forte: #c89b3c;
    --brand-ember: #c89b3c;
    --brand-ember-escuro: #8e1b14;
    --brand-vermelho: #8e1b14;
    --brand-bronze: #c89b3c;
    --brand-bronze-claro: #f5dfa0;
    --brand-foco: #ffd770;
}

/* ============================================================
 * TIBIA CLASSICO - pergaminho bege com fitas carmesim
 * ============================================================ */
body[data-public-theme="tibia-classic"] {
    --vd-fundo: #e9dcc0;
    --vd-superficie: #fff2db;
    --vd-superficie-2: #faf4e6;
    --vd-superficie-3: #f2e7cd;
    --vd-texto: #5a2800;
    --vd-texto-2: #4a3828;
    --vd-texto-3: #5a4533;
    --vd-borda: rgba(74, 56, 40, 0.28);
    --vd-borda-forte: #4a3828;
    --vd-fogo: #5e1610;
    --vd-paixao: #8c6721;
    --vd-brasa-suave: rgba(94, 22, 16, 0.12);
    --vd-foco: #9e7b41;
    --vd-grad-brasa: linear-gradient(180deg, #5e1610, #3a0a06);
    --vd-grad-superficie: linear-gradient(180deg, #fff2db, #f2e7cd);
    --vd-brilho-hero: radial-gradient(120% 90% at 50% 0%, rgba(158, 123, 65, 0.24), rgba(94, 22, 16, 0.10) 42%, transparent 72%);
    --brand-fundo: #e9dcc0;
    --brand-superficie: #fff2db;
    --brand-superficie-2: #faf4e6;
    --brand-texto: #5a2800;
    --brand-texto-forte: #3a0a06;
    --brand-texto-mudo: #4a3828;
    --brand-texto-mudo-2: #5a4533;
    --brand-borda: rgba(74, 56, 40, 0.28);
    --brand-borda-forte: #4a3828;
    --brand-ember: #5e1610;
    --brand-ember-escuro: #3a0a06;
    --brand-vermelho: #8c6721;
    --brand-bronze: #9e7b41;
    --brand-bronze-claro: #ffd770;
    --brand-foco: #9e7b41;
}

/* ============================================================
 * WARJIN V4 - laca escura, pedra e latão
 * ============================================================ */
body[data-public-theme="warjin-v4"] {
    --vd-fundo: #050403;
    --vd-superficie: #1b0807;
    --vd-superficie-2: #2a1008;
    --vd-superficie-3: #130806;
    --vd-texto: #eadbb7;
    --vd-texto-2: #b29770;
    --vd-texto-3: #8f7a5c;
    --vd-borda: rgba(240, 208, 120, 0.16);
    --vd-borda-forte: rgba(240, 208, 120, 0.30);
    --vd-fogo: #a01a16;
    --vd-paixao: #c89435;
    --vd-brasa-suave: rgba(200, 148, 53, 0.16);
    --vd-foco: #f0d078;
    --vd-grad-brasa: linear-gradient(180deg, #a01a16, #4d0b09);
    --vd-grad-superficie: linear-gradient(180deg, #1b0807, #130806);
    --vd-brilho-hero: radial-gradient(120% 90% at 50% 0%, rgba(124, 21, 18, 0.28), rgba(200, 148, 53, 0.10) 42%, transparent 72%);
    --brand-fundo: #050403;
    --brand-superficie: #1b0807;
    --brand-superficie-2: #2a1008;
    --brand-texto: #eadbb7;
    --brand-texto-forte: #f0d078;
    --brand-texto-mudo: #b29770;
    --brand-texto-mudo-2: #8f7a5c;
    --brand-borda: rgba(240, 208, 120, 0.16);
    --brand-borda-forte: rgba(240, 208, 120, 0.30);
    --brand-ember: #a01a16;
    --brand-ember-escuro: #4d0b09;
    --brand-vermelho: #7c1512;
    --brand-bronze: #c89435;
    --brand-bronze-claro: #f0d078;
    --brand-foco: #f0d078;
}

/* ============================================================
 * VALDRAGON IMPERIAL - pedra escura obsidiana, ouro e bronze antigo Diablo III
 * ============================================================ */
body[data-public-theme="valdragon-imperial"] {
    --vd-fundo: #0a0a12;
    --vd-superficie: #12121c;
    --vd-superficie-2: #161522;
    --vd-superficie-3: #1a1926;
    --vd-texto: #e8d5a0;
    --vd-texto-2: #c8ba9d;
    --vd-texto-3: #8f836f;
    --vd-borda: rgba(200, 155, 60, 0.25);
    --vd-borda-forte: #c89b3c;
    --vd-fogo: #c89b3c;
    --vd-paixao: #8e1b14;
    --vd-brasa-suave: rgba(200, 155, 60, 0.15);
    --vd-foco: #ffd770;
    --vd-grad-brasa: linear-gradient(180deg, #2b2214, #16120c);
    --vd-grad-superficie: linear-gradient(180deg, #161522, #100f16);
    --vd-brilho-hero: radial-gradient(120% 90% at 50% 0%, rgba(200, 155, 60, 0.20), rgba(142, 27, 20, 0.10) 42%, transparent 72%);
    --brand-fundo: #0a0a12;
    --brand-superficie: #12121c;
    --brand-superficie-2: #161522;
    --brand-texto: #e8d5a0;
    --brand-texto-forte: #f5dfa0;
    --brand-texto-mudo: #8f836f;
    --brand-texto-mudo-2: #8f836f;
    --brand-borda: rgba(200, 155, 60, 0.25);
    --brand-borda-forte: #c89b3c;
    --brand-ember: #c89b3c;
    --brand-ember-escuro: #8e1b14;
    --brand-vermelho: #8e1b14;
    --brand-bronze: #c89b3c;
    --brand-bronze-claro: #f5dfa0;
    --brand-foco: #ffd770;
}

/* O corpo do portal pinta o fundo pelo proprio token; a cor de texto tambem. */
body[data-public-theme] {
    background: var(--vd-fundo);
    color: var(--vd-texto);
}