/* ═══ TOKENS DE CONTEUDO do skin (21/08, Sol+AGY) ═══
   Sem isto, todo conteudo de pagina que consome var(--accent), os tokens de texto e de fundo
   caia na paleta generica azul do tokens-light (texto 2.68:1, botao 3.29:1 —
   o que o dono reportou no editor). Escopo com [data-theme] mata o empate de
   especificidade com o tokens-light (exigencia do Sol). Toda dupla medida >=4.5. */
html[data-theme="light"][data-skin="chic"] {
  --bg-primary: #F9F6F0; --bg-card: #FFFFFF; --bg-elevated: #F2EFE8;
  --text-primary: #332621; --text-secondary: #594840; --text-muted: #756257;
  --border: #E8E2D5; --border-strong: #CBAE75;
  --accent: #802A36; --accent-hover: #5E1A23; --accent-glow: rgba(128,42,54,.2);
  --accent-text: #802A36; --on-accent: #FFFFFF;
}
/* ═══════════════════════════════════════════════════════════════════════════
   skin-chic.css — template MINIMALISTA CHIC. 19/08/2026.

   O PILOTO do projeto de templates (decisão do Miguel em 18/08, direção do
   Antigravity). Editorial claro: creme, bordeaux, dourado velho, serifadas de
   revista, canto RETO, sem sombra — o extremo geométrico oposto do painel
   escuro, pra matar a objeção "parece sistema feito por IA".

   COMO FUNCIONA: folha-SOBREPOSIÇÃO. Só é carregada quando o tema salvo é
   "chic" (as cascas decidem no servidor). O tema padrão continua intocado —
   zero risco pra quem não escolheu. Todas as regras começam com
   html[data-skin="chic"], então mesmo carregada por engano ela é inerte.

   REGRA DE CONTRASTE (a mesma que reprovou os outros temas em 18/08):
   toda dupla texto/fundo daqui foi MEDIDA antes de entrar —
     bordeaux #4A1525 no creme  14.3 : 1   texto principal
     secundário #834658          7.0 : 1
     apagado   #AB6076           4.5 : 1   (piso exato)
     dourado   #B38B59           3.0 : 1   só pra borda/detalhe/ícone grande
     dourado-texto #937044       4.5 : 1   quando o dourado é palavra
     botão = BORDEAUX com texto branco (14.7:1). Nunca branco sobre dourado
     (3.1:1 — reprovado; a matemática vetou o botão dourado).

   CHIC É CLARO POR NATUREZA: os valores valem para os dois data-theme —
   revista não tem "modo escuro". O seletor de modo segue funcionando nos
   outros temas.

   Assinatura anti-IA (Antigravity): passe-partout — borda dupla fina como
   moldura de quadro — e canto 0 em tudo, inclusive nos botões-pílula.
   ═══════════════════════════════════════════════════════════════════════ */

/* ── Tipografia da revista ── */
html[data-skin="chic"] #tizze-complete {
  --accent-text: #802A36;  /* unificado com o bloco de tokens (21/08) */
  font-family: "Lora", Georgia, "Times New Roman", serif;
  background: #FDFBF7;
  color: #4A1525;
}
html[data-skin="chic"] #tizze-complete h1,
html[data-skin="chic"] #tizze-complete h2,
html[data-skin="chic"] #tizze-complete h3,
html[data-skin="chic"] #tizze-complete .tc-page-head h2,
html[data-skin="chic"] #tizze-complete strong {
  font-family: "Playfair Display", Georgia, serif;
  letter-spacing: .01em;
}

/* ── Superfícies: creme + cartão branco com passe-partout ── */
html[data-skin="chic"] #tizze-complete .tc-shell,
html[data-skin="chic"] #tizze-complete .tc-main,
html[data-skin="chic"] #tizze-complete .tc-content { background: #FDFBF7; }

html[data-skin="chic"] #tizze-complete .tc-panel {
  background: #FFFFFF;
  border: 1px solid #E6DECF;
  border-radius: 0;
  box-shadow: none;
  outline: 1px solid rgba(74, 21, 37, .14);
  outline-offset: 4px;
}

/* ── Canto reto em TUDO — a assinatura geométrica ── */
html[data-skin="chic"] #tizze-complete .tc-primary,
html[data-skin="chic"] #tizze-complete .tc-secondary,
html[data-skin="chic"] #tizze-complete .tc-bell,
html[data-skin="chic"] #tizze-complete .tc-brand-switch,
html[data-skin="chic"] #tizze-complete .tc-bell-menu,
html[data-skin="chic"] #tizze-complete .tc-profile-menu,
html[data-skin="chic"] #tizze-complete .tc-brand-menu,
html[data-skin="chic"] #tizze-complete .tc-function,
html[data-skin="chic"] #tizze-complete .tc-quick button,
html[data-skin="chic"] #tizze-complete input,
html[data-skin="chic"] #tizze-complete textarea,
html[data-skin="chic"] #tizze-complete button { border-radius: 0 !important; }

/* ── Texto ── */
html[data-skin="chic"] #tizze-complete .tc-page,
html[data-skin="chic"] #tizze-complete .tc-page p,
html[data-skin="chic"] #tizze-complete .tc-page span,
html[data-skin="chic"] #tizze-complete .tc-page li { color: #4A1525; }
html[data-skin="chic"] #tizze-complete .tc-page small,
html[data-skin="chic"] #tizze-complete .tc-note,
html[data-skin="chic"] #tizze-complete .tc-list-head { color: #834658; }

/* ── Sidebar e appbar: papel, não painel ── */
html[data-skin="chic"] #tizze-complete .tc-sidebar {
  background: #FDFBF7;
  border-right: 1px solid #E6DECF;
  box-shadow: none;
}
html[data-skin="chic"] #tizze-complete .tc-appbar {
  background: rgba(253, 251, 247, .96);
  border-bottom: 1px solid #E6DECF;
}
html[data-skin="chic"] #tizze-complete .tc-nav-item { color: #834658; }
html[data-skin="chic"] #tizze-complete .tc-nav-item:hover { background: #F6F0E4; color: #4A1525; }
html[data-skin="chic"] #tizze-complete .tc-nav-item.is-active {
  background: transparent;
  color: #4A1525;
  border-left: 2px solid #B38B59;
}
html[data-skin="chic"] #tizze-complete .tc-nav-text { color: inherit; }
html[data-skin="chic"] #tizze-complete .tc-nav-section { color: #7A5C33; }

/* ── Ações: bordeaux manda, dourado detalha ── */
html[data-skin="chic"] #tizze-complete .tc-primary {
  background: #4A1525;
  color: #FFFFFF;
  border: 1px solid #4A1525;
}
html[data-skin="chic"] #tizze-complete .tc-primary:hover { background: #631C31; }
html[data-skin="chic"] #tizze-complete .tc-secondary {
  background: transparent;
  color: #4A1525;
  border: 1px solid #4A1525;
}
html[data-skin="chic"] #tizze-complete .tc-secondary:hover { background: #F6F0E4; }
html[data-skin="chic"] #tizze-complete a { color: #7A5C33; }

/* ── Sino e menus: hairline no lugar de sombra ── */
html[data-skin="chic"] #tizze-complete .tc-bell {
  background: #FFFFFF; border: 1px solid #E6DECF; color: #834658;
}
html[data-skin="chic"] #tizze-complete .tc-bell:hover { color: #4A1525; border-color: #B38B59; }
html[data-skin="chic"] #tizze-complete .tc-bell-menu,
html[data-skin="chic"] #tizze-complete .tc-profile-menu,
html[data-skin="chic"] #tizze-complete .tc-brand-menu {
  background: #FFFFFF; border: 1px solid #4A1525; box-shadow: none;
}
html[data-skin="chic"] #tizze-complete .tc-bell-item { border-bottom: 1px solid #F0E9DC; }
html[data-skin="chic"] #tizze-complete .tc-bell-item strong { color: #4A1525; }
html[data-skin="chic"] #tizze-complete .tc-bell-item span { color: #834658; }
html[data-skin="chic"] #tizze-complete .tc-bell-item:hover { background: #F6F0E4; }
html[data-skin="chic"] #tizze-complete .tc-bell-item.is-unread,
html[data-skin="chic"] #tizze-complete .tc-bell-item.is-falta { border-left: 2px solid #B38B59; }
html[data-skin="chic"] #tizze-complete .tc-bell-group { background: #FDFBF7; color: #7A5C33; border-bottom: 1px solid #F0E9DC; }
html[data-skin="chic"] #tizze-complete .tc-bell-empty { color: #834658; }
/* O vermelho do badge fica: é semântica de alerta, não estética. */

html[data-skin="chic"] #tizze-complete .tc-brand-switch {
  background: #FFFFFF; border: 1px solid #E6DECF; color: #4A1525;
}
html[data-skin="chic"] #tizze-complete .tc-profile { background: #4A1525; color: #FFF; }

/* ── Início (hj-*): os estilos da página são internos e mais tardios,
     então aqui a especificidade decide ── */
html[data-skin="chic"] #tizze-complete #tc-page .hj-comecar h3,
html[data-skin="chic"] #tizze-complete #tc-page .hj-foot h3 { color: #4A1525; font-family: "Playfair Display", Georgia, serif; }
html[data-skin="chic"] #tizze-complete #tc-page .hj-comecar > p,
html[data-skin="chic"] #tizze-complete #tc-page .hj-foot > p,
html[data-skin="chic"] #tizze-complete #tc-page .hj-list-note { color: #834658; }
html[data-skin="chic"] #tizze-complete #tc-page .hj-foot-line > div { color: #834658; }
html[data-skin="chic"] #tizze-complete #tc-page .hj-foot-line b { color: #4A1525; }
html[data-skin="chic"] #tizze-complete #tc-page .hj-foot-line a { color: #7A5C33; }
html[data-skin="chic"] #tizze-complete #tc-page .hj-foot-sep { background: #F0E9DC; }

/* ── A vitrine SEM caixote (decisão aprovada 19/08): foto solta no papel.
     "IAs desenham bento-box; moda real deixa a foto flutuar." ── */
html[data-skin="chic"] #tizze-complete .tc-function {
  background: transparent;
  border: 1px solid #E6DECF;
  box-shadow: none;
}
html[data-skin="chic"] #tizze-complete .tc-function:hover { border-color: #B38B59; background: #FFFFFF; }
html[data-skin="chic"] #tizze-complete .tc-function strong { color: #4A1525; }
html[data-skin="chic"] #tizze-complete .tc-function span { color: #834658; }
html[data-skin="chic"] #tizze-complete img { border-radius: 0; }

/* ── Rodapé do celular (a barra fixa) ── */
@media (max-width: 760px) {
  html[data-skin="chic"] #tizze-complete .tc-sidebar {
    background: rgba(253, 251, 247, .97);
    border-top: 1px solid #E6DECF;
    border-right: 0;
  }
}

/* ── Estados que não podem sumir ── */
html[data-skin="chic"] #tizze-complete :focus-visible {
  outline: 2px solid #4A1525 !important;
  outline-offset: 2px;
}