/* ═══════════════════════════════════════════════════════════════ SEMANA PROMISSORA — a pele do Modo Arena sobre a Semana Programada A Semana é a MESMA ferramenta para todo mundo. Quando ela é aberta pelo Arena (o app dos adolescentes), chega com `?arena=1` no endereço, e o `semana.html` marca `data-arena` no . Só então este arquivo age. Sem a marca, ele é inerte — a Semana do adulto não muda um pixel. Aqui NÃO se reescreve layout, tamanho nem comportamento: só se remapeiam os TOKENS de cor da Semana para a paleta do Arena. O azul-frio, o ciano e o roxo do jogo entram no lugar do off-white e do dourado da OH. É a mesma grade, vestida do jogo — não uma tela de jogo nova. As duas paletas do Arena vêm de `assets/jovem.css` (mesmos hexes, mesmos contrastes já medidos lá). O tema (claro/escuro) é o mesmo `data-tema` que a Semana já lê do domínio, então o adolescente que deixou o app claro encontra a Semana clara, e vice-versa. ═══════════════════════════════════════════════════════════════ */ /* ── Arena ESCURO (o padrão do jogo) ── */ html[data-arena]{ --preto:#07080C; --branco:#11141C; --grafite:#C6CCD9; --linha:#242B3A; --marfim:#171B26; --neutra:#7F899D; --bg:#07080C; --bg-2:#0B0D13; --bg-3:#11141C; --fg:#EEF1F7; --fg-2:#C6CCD9; --fg-3:#7F899D; --rule:#242B3A; --rule-strong:#333C50; --painel:#11141C; --sombra:0 1px 2px rgba(0,0,0,.5), 0 8px 28px rgba(0,0,0,.45); --sombra-forte:0 2px 6px rgba(0,0,0,.6), 0 24px 60px rgba(0,0,0,.6); /* Os semânticos seguem os do Arena: verde de conquista, âmbar de atenção, vermelho de alerta. */ --ok:#3DDC97; --atencao:#E3B94F; --alerta:#FF6B6B; /* O dourado da OH é o acento de destaque da Semana. No jogo o destaque é o ciano — trocar o token faz TODO realce herdar a cor do Arena de uma vez. */ --dourado:#4CC9F0; /* Cantos um pouco mais macios, no espírito arredondado do jogo. Modesto de propósito: a Semana é uma grade densa, e cantos grandes numa célula apertada viram bolha. */ --radius:8px; } /* ── Arena CLARO ── */ html[data-arena][data-tema="claro"]{ --preto:#F4F6FB; --branco:#FFFFFF; --grafite:#3C4356; --linha:#E2E6EF; --marfim:#F1F4FA; --neutra:#5B6478; --bg:#F4F6FB; --bg-2:#FFFFFF; --bg-3:#F1F4FA; --fg:#0E1220; --fg-2:#3C4356; --fg-3:#5B6478; --rule:#E2E6EF; --rule-strong:#C6CDDC; --painel:#FFFFFF; --sombra:0 1px 2px rgba(9,9,9,.04), 0 8px 28px rgba(9,9,9,.06); --sombra-forte:0 2px 6px rgba(9,9,9,.08), 0 24px 60px rgba(9,9,9,.14); --ok:#0E7350; --atencao:#8A6A17; --alerta:#B4342F; --dourado:#0A6E93; /* o ciano do Arena, escurecido para passar no branco */ --radius:8px; }