/*
 Theme Name:   Hipertrofia.org V2
 Theme URI:    https://hipertrofia.org
 Template:     generatepress
 Description:  Tema editorial de saúde e treino para hipertrofia.org. Child theme do GeneratePress: estrutura, navegação e páginas são montadas no wp-admin com GP Premium Elements e GenerateBlocks Pro. O tema entrega só a aparência.
 Author:       Hipertrofia.org
 Version:      2.0.0
 Requires PHP: 7.4
 Text Domain:  hipertrofia-v2
*/

/* --------------------------------------------------------------------------
   Este arquivo é deliberadamente pequeno.

   Cores, tipografia, larguras e espaçamentos vivem no Customizer (Global
   Colors / Typography do GeneratePress) e nos Global Styles do GenerateBlocks
   — não aqui. Só entra CSS que precise existir antes de qualquer bloco: as
   fontes locais e as variáveis de marca que os Global Styles referenciam.

   O GeneratePress enfileira o style.css do pai e do filho sozinho; não há
   wp_enqueue_style para isso em functions.php.
   -------------------------------------------------------------------------- */

/* Inter variável, self-hosted. Um único neo-grotesco para display e UI. */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url('assets/fonts/inter-var-latin-ext.woff2') format('woff2-variations');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url('assets/fonts/inter-var-latin.woff2') format('woff2-variations');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Paleta da marca como custom properties, portada 1:1 de tokens.css da V1.
   Os Global Colors do Customizer apontam para estas variáveis, então trocar a
   marca é editar este bloco ou o Customizer — nunca caçar hex espalhado por
   regra de CSS. Os contrastes anotados são WCAG AA sobre branco. */
:root {
  --hp-navy-900: #061f30;
  --hp-navy-800: #092c44;
  --hp-navy:     #0c3d5e; /* navy do logo — 11.4:1 */
  --hp-navy-600: #155276;
  --hp-navy-500: #1e6c93; /* 5.8:1 */
  --hp-navy-200: #b9d2e3;
  --hp-navy-100: #dce9f2;
  --hp-navy-050: #eef4f9;

  --hp-red:      #ed1b24; /* vermelho do logo — preenchimento e texto grande */
  --hp-red-ink:  #c8101a; /* 5.9:1 — texto pequeno e links */
  --hp-red-deep: #a50e17;
  --hp-red-100:  #fbd9db;
  --hp-red-050:  #fef2f2;

  --hp-white:       #ffffff;
  --hp-ink:         #14202b; /* corpo — 15.3:1 */
  --hp-ink-2:       #4a5a69; /* meta / secundário — 7.1:1 */
  --hp-ink-3:       #647585; /* placeholders e ícones — 4.8:1 */
  --hp-line:        #e1e8ef;
  --hp-line-strong: #c9d5e0;
  --hp-surface:     #f5f8fa;
  --hp-surface-2:   #eaf0f5;
}

/* Aplica a Inter. O @font-face acima só declara a fonte; sem esta regra o GP
   mantém o stack do sistema (main.min.css, mesmo seletor, carregado antes). */
body,
button,
input,
select,
textarea {
	font-family: 'Inter', -apple-system, system-ui, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
}

/* O cabeçalho V2 tem o próprio menu mobile; o Secondary Nav do GP Premium
   ficaria como um segundo "Menu" no topo em telas pequenas. */
@media (max-width: 768px) {
	.secondary-navigation {
		display: none;
	}
}

/* Um só peso para todo título. O GP não define font-weight para h1-h3, então
   valia o bold do navegador; os blocos do GenerateBlocks que escolhem um peso
   próprio continuam ganhando, porque a classe tem mais especificidade. */
h1,
h2,
h3 {
	font-weight: 700;
}

/* Títulos que são links (hero, listagens e páginas de arquivo). O GP aplica
   `a { text-decoration: underline }` e a cor de destaque em qualquer link fora
   de `.entry-title`; estes títulos vêm do GenerateBlocks, então ficavam
   sublinhados e vermelhos. Preto, sem sublinhado, vermelho só no hover/foco. */
h1.gb-text a,
h2.gb-text a,
h3.gb-text a {
	color: var(--hp-ink);
	text-decoration: none;
}

h1.gb-text a:hover,
h1.gb-text a:focus-visible,
h2.gb-text a:hover,
h2.gb-text a:focus-visible,
h3.gb-text a:hover,
h3.gb-text a:focus-visible {
	color: var(--hp-red-ink);
}