/* ==========================================================================
   Portal Profundidade Filosófica — TEMA (portal.profundidadefilosofica.online)

   Este portal é uma cópia do portal do Arlindo Armando (10/11/2026). Os CSS de
   tela (base.css, app.css, admin.css, biblioteca.css…) ficaram IDÊNTICOS aos de
   lá de propósito: uma correção feita no portal do Arlindo pode ser copiada
   para cá sem conflito. Tudo o que muda a cara do portal mora AQUI.

   Este arquivo é carregado por ÚLTIMO em todas as páginas (o <link> é o último
   stylesheet do <head>). Por isso basta redefinir os tokens no :root e repetir
   o MESMO seletor das poucas regras com cor fixa: mesma especificidade, vence
   quem vem depois.

   Como a troca escuro → claro funciona sem reescrever as telas
   ─────────────────────────────────────────────────────────────
   No portal do Arlindo cada token tem um papel, não uma cor: --fundo é o mais
   escuro, --creme é o texto, --vinho é o acento "perto do fundo" (chip marcado,
   paginação, faixa do próximo passo) e o texto sobre ele é --creme. O tema claro
   troca cada um pelo equivalente INVERTIDO em luminância:
     --fundo   pergaminho  · --creme   azul-tinta (texto e botão principal)
     --vinho   dourado bem claro (acento perto do fundo; o texto sobre ele segue tinta)
     --terracota dourado escuro (links, barras de progresso, marcador ativo)
   Assim o botão principal (fundo --creme, texto --fundo) vira tinta com letra
   pergaminho sozinho, e o chip marcado (fundo --vinho, texto --creme) vira
   dourado claro com letra tinta.

   Cores da marca: as do site profundidadefilosofica.online (bloco :root de
   Entregas/Profundidade Filosófica/sites/profundidadefilosofica/index.html).
   Contraste conferido sobre o pergaminho: tinta 12,7 · texto-2 6,8 · cinza-fraco
   5,1 · dourado escuro (links) 4,9.
   ========================================================================== */

:root {
  /* ── base.css ──────────────────────────────────────────────────────────── */
  --fundo: #F6EFDF;          /* pergaminho */
  --superficie: #FFFAF0;     /* papel: cards e painéis */
  --superficie-2: #FFFDF8;   /* campo, caixa de capa, item elevado */
  --linha: #DCCAA2;          /* borda da marca */
  --creme: #172A42;          /* TEXTO (tinta). O nome ficou do portal do Arlindo */
  --cinza: #5A5146;          /* texto secundário */
  --cinza-fraco: #6E6455;
  --cinza-inativo: #A2967F;
  --dourado: #A8772B;        /* rótulos pequenos ("Área de membros", "Admin") */
  --terracota: #8F5F1B;      /* links, barras, marcador do menu */
  --vinho: #EFDFBC;          /* acento claro: chip marcado, faixa do próximo passo */

  --fonte-display: 'Merriweather', Georgia, 'Times New Roman', serif;

  /* ── app.css ───────────────────────────────────────────────────────────── */
  --avatar-iniciais: #85591A;
  --tracejado: #CBB78E;

  /* ── admin.css ─────────────────────────────────────────────────────────── */
  --linha-fraca: #EADFC6;
  --superficie-icone: #F3EAD7;
  --vinho-fundo: #F5EAD0;    /* item selecionado no admin */
  --dourado-claro: #85591A;
  --scrim: rgba(15, 27, 43, 0.55);
  --sombra: 0 24px 64px rgba(60, 40, 10, 0.18);

  /* ── admin-material-novo.css ───────────────────────────────────────────── */
  --mn-zona: #FBF5E8;

  /* ── cursos.css ────────────────────────────────────────────────────────── */
  --capa-fundo: #F1E7D1;
  --vinho-claro: #E6CF9C;    /* hover dos botões com fundo --vinho */
  --atual-fundo: rgba(168, 119, 43, 0.14);

  /* ── ebook.css ─────────────────────────────────────────────────────────── */
  --papel: #FFFFFF;          /* a folha do PDF enquanto a página não chega */
  --papel-num: #7A6F60;

  /* ── perfil.css ────────────────────────────────────────────────────────── */
  --desabilitado-borda: #E3D6B8;

  /* ── swipe.css / admin-swipe.css: etiquetas dos criativos ──────────────── */
  --sw-etq-formato: rgba(168, 119, 43, 0.14);
  --sw-etq-estrategia: rgba(27, 67, 86, 0.10);
  --sw-etq-objetivo: rgba(23, 42, 66, 0.06);
  --sw-etq-nicho: rgba(168, 119, 43, 0.24);
  --as-etq-formato: rgba(168, 119, 43, 0.14);
  --as-etq-estrategia: rgba(27, 67, 86, 0.10);
  --as-etq-objetivo: rgba(23, 42, 66, 0.06);
  --as-etq-nicho: rgba(168, 119, 43, 0.24);

  /* Novo (só deste tema) */
  --petroleo: #1B4356;
}

/* ── Regras com cor fixa nos CSS de tela (mesmo seletor = vence por vir depois) ── */

/* scrims de pop-up e gaveta: tinta translúcida em vez de quase-preto */
.modal::backdrop,
.scrim {
  background: rgba(15, 27, 43, 0.55);
}
.sw-modal::backdrop {
  background: rgba(15, 27, 43, 0.82);
}

/* placas sobre imagem (medida do card, formato do criativo): papel translúcido */
.material-v-thumb--capa .material-v-medida,
.sw-card-formato,
.as-card-formato {
  background: rgba(255, 250, 240, 0.9);
}
.sw-card-formato,
.as-card-formato {
  border: 1px solid rgba(23, 42, 66, 0.14);
}
.as-card-marcar .caixa-marca {
  background: rgba(255, 250, 240, 0.9);
}
.mn-capa-enviando {
  background: rgba(255, 250, 240, 0.82);
}

/* a prévia do card no "Novo material" usa a linha da área do aluno */
.mn-previa .material-h {
  --linha: #DCCAA2;
}

/* faixas e alertas tingidos de vinho no original */
.spv {
  background: rgba(168, 119, 43, 0.16);
}
.painel-alerta {
  background: rgba(168, 119, 43, 0.16);
}
.as-solta--sobre {
  background: rgba(168, 119, 43, 0.08);
}
.sw-aba-conta {
  background: rgba(23, 42, 66, 0.06);
}

/* texto das etiquetas do swipe */
.sw-etq--formato,
.as-etq--formato { color: #85591A; }
.sw-etq--estrategia,
.sw-etq--pagina,
.as-etq--estrategia,
.as-etq--pagina { color: #1B4356; }
.sw-etq--nicho,
.sw-etq--material,
.as-etq--nicho,
.as-etq--material { color: #6B4612; }

/* mídia do swipe: fundo neutro atrás de imagem/vídeo; página de PDF em papel */
.sw-midia,
.as-previa {
  background: #E9DFC9;
}
.sw-midia .sw-pdf-pagina,
.as-previa .as-previa-pagina {
  background: #FFFFFF;
}
.sw-card-midia {
  background: var(--capa-fundo);
}
.sw-painel {
  box-shadow: 0 18px 40px rgba(60, 40, 10, 0.18);
}

/* ── Sem as perguntas da Boas-vindas: os filtros "Área" e "Faturamento" do admin de Alunos somem ── */
.filtro--area,
.filtro--faturamento,
.folha-grupo:has([data-grupo="area"]),
.folha-grupo:has([data-grupo="faturamento"]) {
  display: none !important;
}

/* ── Logo no celular: o nome da marca é mais longo que "Arlindo Armando"; 11 px de altura ficava miúdo ── */
@media (max-width: 899.98px) {
  .logo-mobile,
  .logo {
    width: 148px;
    height: 15px;
  }
}