/* Skin do nicho PILATES (layout aprovado layouts/8857ce09_Pilates-Webbots-SaaS): coral #EC6A8A, ameixa #2B2230, fundo #FFFAFB,
   títulos Baloo 2 e texto Nunito. Mesmo nome de arquivo do padrão (nicho-petshop.css) para substituir sem tocar no PHP;
   nicho_aplicar.php reescreve as 7 variáveis --nicho-* abaixo a partir do nicho.json. Só CSS: nenhuma cor fixa fora das variáveis. */
@import url('https://fonts.googleapis.com/css2?family=Baloo+2:wght@500;600;700;800&family=Nunito:wght@400;600;700;800&display=swap');
:root {
  --nicho-primaria: #EC6A8A;
  --nicho-primaria-hover: #C4415F;
  --nicho-escuro: #2B2230;
  --nicho-fundo: #FFFAFB;
  --nicho-texto: #3B2A36;
  --nicho-suave: #76636F;
  --nicho-borda: #F3E2E8;
  /* cores de apoio do layout (verde-água e lilás dos selos e ícones) */
  --nicho-apoio: #2DD4BF;
  --nicho-apoio-ink: #0F766E;
  --nicho-apoio-suave: #E2F8F4;
  --nicho-lilas: #C4B5FD;
  --nicho-lilas-ink: #6A52C4;
  --nicho-lilas-suave: #F2EDFF;
  --nicho-fonte-titulo: 'Baloo 2', 'Nunito', system-ui, sans-serif;
  --nicho-fonte-texto: 'Nunito', system-ui, sans-serif;
}
/* o sistema deriva todos os destaques de --accent*: aqui eles passam a vir da paleta do nicho (e não da matiz) */
:root {
  --stark-accent: var(--nicho-primaria);
  --accent: var(--nicho-primaria);
  --accent-hover: var(--nicho-primaria-hover);
  --accent-text: var(--nicho-primaria-hover);
  --accent-solid: var(--nicho-primaria);
  --accent-soft: color-mix(in oklab, var(--nicho-primaria) 12%, #fff);
  --accent-ring: color-mix(in oklab, var(--nicho-primaria) 22%, transparent);
  --accent-gradient: linear-gradient(135deg, color-mix(in oklab, var(--nicho-primaria) 88%, #fff) 0%, var(--nicho-primaria) 100%);
  --accent-gradient-hover: linear-gradient(135deg, var(--nicho-primaria) 0%, var(--nicho-primaria-hover) 100%);
}
/* login, cadastro e recuperação: estrutura foto grande + formulário (auth-v2) com a cara do layout aprovado */
body .auth-page { background: radial-gradient(800px 400px at 0% 0%, color-mix(in oklab, var(--nicho-primaria) 14%, #fff), transparent 60%), var(--nicho-fundo) !important; font-family: var(--nicho-fonte-texto); }
body .auth-page::before {
  background: linear-gradient(0deg, color-mix(in oklab, var(--nicho-escuro) 82%, transparent) 0%, color-mix(in oklab, var(--nicho-escuro) 8%, transparent) 58%), url('../../site/imagens/foto_3.webp') center / cover no-repeat;
}
body .auth-page::after { content: 'Sua agenda de pilates cheia, sem largar o celular o dia todo.'; font-family: var(--nicho-fonte-titulo); letter-spacing: -.02em; }
body .auth-card h1, body .auth-card label { color: var(--nicho-texto); font-family: var(--nicho-fonte-titulo); }
body .auth-card h1 { font-weight: 800; letter-spacing: -.6px; }
body .auth-card label { font-family: var(--nicho-fonte-texto); font-weight: 800; }
body .auth-card p.subtitulo { color: var(--nicho-suave); }
body .auth-card input[type=text], body .auth-card input[type=email], body .auth-card input[type=password], body .auth-card input[type=tel], body .auth-card select { border: 2px solid var(--nicho-borda); border-radius: 18px; background: color-mix(in oklab, var(--nicho-primaria) 4%, #fff); color: var(--nicho-texto); font-family: var(--nicho-fonte-texto); font-weight: 700; }
body .auth-card input:focus, body .auth-card select:focus { border-color: var(--nicho-primaria); box-shadow: 0 0 0 4px color-mix(in oklab, var(--nicho-primaria) 15%, transparent); }
body .auth-card .btn { background: var(--nicho-primaria) !important; box-shadow: 0 14px 36px -16px color-mix(in oklab, var(--nicho-primaria-hover) 60%, transparent) !important; border-radius: 999px; font-family: var(--nicho-fonte-texto); font-weight: 800; }
body .auth-card .btn:hover { background: var(--nicho-primaria-hover) !important; }
body .auth-links a { color: var(--nicho-primaria-hover); font-weight: 800; }
body .auth-card .alerta-erro { background: color-mix(in oklab, var(--nicho-primaria) 12%, #fff); color: var(--nicho-primaria-hover); border-radius: 16px; }
body .auth-card .tabs-login button.ativo, body .auth-card [class*="tab"].active, body .auth-card [class*="tab"].ativo { background: var(--nicho-escuro) !important; color: #fff !important; }
/* painel (área interna) */
html body.stark-backend.stark-backend { font-family: var(--nicho-fonte-texto); --stark-app-bg: var(--nicho-fundo); --stark-text: var(--nicho-texto); }
html body.stark-backend.stark-backend h1, html body.stark-backend.stark-backend h2, html body.stark-backend.stark-backend h3, html body.stark-backend .card .valor, html body.stark-backend .finance-card .top h2 { font-family: var(--nicho-fonte-titulo); letter-spacing: -.02em; }
html body.stark-backend.stark-backend a:not(.btn):not([class*="nav"]) { color: var(--nicho-primaria-hover); }
html body.stark-backend.stark-backend .btn:not(.btn-secundario):hover { background: var(--nicho-primaria-hover); }
/* botões do painel: pílulas coral do layout (o painel.css antigo fixa um verde-água) */
html body.stark-backend .app-shell .btn {
  color: #fff; border-radius: 999px;
  border: 1px solid color-mix(in oklab, var(--nicho-primaria) 30%, transparent);
  background: linear-gradient(135deg, color-mix(in oklab, var(--nicho-primaria) 88%, #fff) 0%, var(--nicho-primaria) 100%);
  box-shadow: 0 10px 22px color-mix(in oklab, var(--nicho-primaria) 26%, transparent), inset 0 1px 0 rgba(255,255,255,.3);
}
html body.stark-backend .app-shell .btn:hover {
  color: #fff; filter: brightness(1.04);
  box-shadow: 0 14px 28px color-mix(in oklab, var(--nicho-primaria) 32%, transparent), inset 0 1px 0 rgba(255,255,255,.35);
}
html body.stark-backend .app-shell .btn-secundario {
  color: var(--nicho-texto); border: 1px solid var(--nicho-borda);
  background: linear-gradient(145deg, #fff, var(--nicho-fundo)); box-shadow: 0 4px 12px color-mix(in oklab, var(--nicho-escuro) 6%, transparent);
}
html body.stark-backend .app-shell .btn-secundario:hover { color: var(--nicho-texto); filter: none; border-color: var(--nicho-primaria); }
html body.stark-backend .app-shell .painel-box, html body.stark-backend .app-shell .card { border-radius: 24px; border-color: var(--nicho-borda); }
html body.stark-backend .app-shell .campo input, html body.stark-backend .app-shell .campo select, html body.stark-backend .app-shell .campo textarea { border-radius: 14px; }
html body.stark-backend input[type=checkbox], html body.stark-backend input[type=radio] { accent-color: var(--nicho-primaria); }