/*
 * Tema v2 — carregado DEPOIS de temas.css, só pelo site (base.html) e pelo
 * painel do organizador (painel/_base.html). O admin continua só com
 * temas.css, então nada aqui muda a tela do admin.
 *
 * Só sobrescreve valores de token (mesmos nomes, --x e --p-x). Os seletores
 * usam [data-tema="..."] e nunca :root, senão o bloco Escuro deste arquivo
 * (que vem depois) atropelaria o Clássico de temas.css.
 */

:root{
  /* raio um pouco maior — cantos mais "app" */
  --r-xs:4px;   --p-r-xs:4px;
  --r-sm:7px;   --p-r-sm:7px;
  --r-md:11px;  --p-r-md:11px;
  --r-lg:16px;  --p-r-lg:16px;

  /* altura reservada pras abas de baixo no celular (conteúdo não fica atrás delas) */
  --abas-baixo-h:64px;
}

/* ---- barra do topo / abas: sempre escuras em Escuro e Claro ---- */
[data-tema="escuro"], [data-tema="claro"]{
  --chrome-bg:#12141b;                   --p-chrome-bg:#12141b;
  --chrome-bg-2:#181b23;                 --p-chrome-bg-2:#181b23;
  --chrome-bg-3:#1f232d;                 --p-chrome-bg-3:#1f232d;
  --chrome-line:#242833;                 --p-chrome-line:#242833;
  --chrome-text:#eef0f4;                 --p-chrome-text:#eef0f4;
  --chrome-text-dim:#9aa1b0;             --p-chrome-text-dim:#9aa1b0;
  --chrome-text-faint:#626978;           --p-chrome-text-faint:#626978;
  --chrome-accent:#e2261c;               --p-chrome-accent:#e2261c;
  --chrome-accent-text:#ff6a5f;          --p-chrome-accent-text:#ff6a5f;
  --chrome-accent-bg:rgba(226,38,28,.2); --p-chrome-accent-bg:rgba(226,38,28,.2);
  --chrome-shadow:0 1px 0 rgba(0,0,0,.25); --p-chrome-shadow:0 1px 0 rgba(0,0,0,.25);
}

/* ---- Escuro — preto mais profundo, vermelho menos "neon" ---- */
[data-tema="escuro"]{
  --bg:#0a0c11;                          --p-bg:#0a0c11;
  --surface:#14171f;                     --p-surface:#14171f;
  --surface-2:#191d26;                   --p-surface-2:#191d26;
  --surface-3:#20242f;                   --p-surface-3:#20242f;
  --line:#262b37;                        --p-line:#262b37;
  --line-strong:#353b49;                 --p-line-strong:#353b49;
  --text:#f0f2f6;                        --p-text:#f0f2f6;
  --text-dim:#9aa2b3;                    --p-text-dim:#9aa2b3;
  --text-faint:#606779;                  --p-text-faint:#606779;
  --red:#ff6a5f;                         --p-red:#ff6a5f;
  --red-dim:#ff9b93;                     --p-red-dim:#ff9b93;
  --red-bg:rgba(255,106,95,.14);         --p-red-bg:rgba(255,106,95,.14);
  --red-solid:#e2261c;                   --p-red-solid:#e2261c;
  --perigo:#ff4d5e;                      --p-perigo:#ff4d5e;
  --perigo-dim:#ff8a96;                  --p-perigo-dim:#ff8a96;
  --perigo-bg:rgba(255,77,94,.15);       --p-perigo-bg:rgba(255,77,94,.15);
  --perigo-solid:#e0243a;                --p-perigo-solid:#e0243a;
  --green:#3fd694;                       --p-green:#3fd694;
  --green-bg:rgba(63,214,148,.14);       --p-green-bg:rgba(63,214,148,.14);
  --green-solid:#129e5e;                 --p-green-solid:#129e5e;
  --green-badge:#0d7a49;                 --p-green-badge:#0d7a49;
  --amber:#f0a83f;                       --p-amber:#f0a83f;
  --amber-bg:rgba(240,168,63,.14);       --p-amber-bg:rgba(240,168,63,.14);
  --amber-solid:#eaa033;                 --p-amber-solid:#eaa033;
  --amber-badge:#a5670a;                 --p-amber-badge:#a5670a;
  --blue:#5fa2ff;                        --p-blue:#5fa2ff;
  --blue-bg:rgba(95,162,255,.14);        --p-blue-bg:rgba(95,162,255,.14);
  --blue-solid:#3b82f6;                  --p-blue-solid:#3b82f6;
  --focus:rgba(255,106,95,.28);          --p-focus:rgba(255,106,95,.28);
}

/* ---- Claro (padrão novo) — fundo cinza bem claro, cartões brancos,
   cores de texto mais escuras pra ler bem no sol (celular na pista) ---- */
[data-tema="claro"]{
  --bg:#eef0f3;                          --p-bg:#eef0f3;
  --surface:#ffffff;                     --p-surface:#ffffff;
  --surface-2:#f5f6f8;                   --p-surface-2:#f5f6f8;
  --surface-3:#eceef2;                   --p-surface-3:#eceef2;
  --line:#dde1e7;                        --p-line:#dde1e7;
  --line-strong:#c5cbd3;                 --p-line-strong:#c5cbd3;
  --text:#14161b;                        --p-text:#14161b;
  --text-dim:#5b6270;                    --p-text-dim:#5b6270;
  --text-faint:#8a909d;                  --p-text-faint:#8a909d;
  --red:#d1200f;                         --p-red:#d1200f;
  --red-dim:#a91a0c;                     --p-red-dim:#a91a0c;
  --red-bg:rgba(209,32,15,.09);          --p-red-bg:rgba(209,32,15,.09);
  --red-solid:#d1200f;                   --p-red-solid:#d1200f;
  --perigo:#d1273a;                      --p-perigo:#d1273a;
  --perigo-dim:#a51f2e;                  --p-perigo-dim:#a51f2e;
  --perigo-bg:rgba(209,39,58,.09);       --p-perigo-bg:rgba(209,39,58,.09);
  --perigo-solid:#d1273a;                --p-perigo-solid:#d1273a;
  --green:#0f7a4c;                       --p-green:#0f7a4c;
  --green-bg:rgba(15,122,76,.1);         --p-green-bg:rgba(15,122,76,.1);
  --green-solid:#0a8a55;                 --p-green-solid:#0a8a55;
  --green-badge:#087048;                 --p-green-badge:#087048;
  --amber:#8f5400;                       --p-amber:#8f5400;
  --amber-bg:rgba(193,120,10,.12);       --p-amber-bg:rgba(193,120,10,.12);
  --amber-solid:#c1780a;                 --p-amber-solid:#c1780a;
  --amber-badge:#a3760f;                 --p-amber-badge:#a3760f;
  --blue:#1d5fd6;                        --p-blue:#1d5fd6;
  --blue-bg:rgba(29,95,214,.09);         --p-blue-bg:rgba(29,95,214,.09);
  --blue-solid:#1d5fd6;                  --p-blue-solid:#1d5fd6;

  --shadow-sm:0 1px 2px rgba(20,22,30,.05);              --p-shadow-sm:0 1px 2px rgba(20,22,30,.05);
  --shadow:0 1px 2px rgba(20,22,30,.05);                 --p-shadow:0 1px 2px rgba(20,22,30,.05);
  --shadow-hover:0 6px 18px rgba(20,22,30,.08);          --p-shadow-hover:0 6px 18px rgba(20,22,30,.08);
  --shadow-lg:0 16px 40px rgba(20,22,30,.14);            --p-shadow-lg:0 16px 40px rgba(20,22,30,.14);
  --focus:rgba(209,32,15,.16);           --p-focus:rgba(209,32,15,.16);
}