/*
Theme Name: Tunjo — Em construção
Author: Daniel Reis
Description: Tema provisório da Tunjo, seguindo o Manual de Uso da Marca. Mostra o logo principal e a mensagem "Em construção" em todas as páginas do site, até o tema definitivo ficar pronto.
Version: 1.2.0
Requires at least: 5.8
Requires PHP: 7.4
Text Domain: tunjo
*/

/* ---------------------------------------------------------------
   Cores — Manual de Uso da Marca, página "Cores"
   Off-white do manual: #FFFEE0. Se o creme oficial mudar para
   #FFFFF0, troque só a linha --offwhite.
---------------------------------------------------------------- */
:root {
  --vermelho: #BF2B02;   /* Pantone 7672 C */
  --grafite:  #21241D;   /* Pantone 419 C  */
  --offwhite: #FFFEE0;

  /* Escala tipográfica do manual: cada nível = anterior × 1,5 (base 18px) */
  --t-1: 12px;
  --t0:  18px;
  --t3:  60.75px;
  --t4:  91px;

  /* Área de proteção do logo: altura do "o" (x) = 22,47% da largura do logo */
  --logo-w: min(460px, 60vw);
  --area-protecao: calc(var(--logo-w) * 0.2247);
}

*,
*::before,
*::after { box-sizing: border-box; }

html { -webkit-text-size-adjust: 100%; }

body {
  margin: 0;
  min-height: 100vh;
  min-height: 100svh;
  display: grid;
  place-items: center;
  background: var(--offwhite);
  color: var(--grafite);
  /* Texto: Helvetica Now Display (Regular, Medium, Semibold) */
  font-family: 'Helvetica Now Display', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: var(--t0);
  line-height: 1.5;
}

/* faixa vermelha na base */
body::after {
  content: "";
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 12px;
  background: var(--vermelho);
}

.tunjo-wrap {
  width: 100%;
  max-width: 960px;
  padding: 24px 24px 60px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

/* O logo tem sempre o espaço de proteção ao redor. Nada entra nessa área. */
.tunjo-logo-area {
  padding: var(--area-protecao);
}

.tunjo-logo {
  display: block;
  width: var(--logo-w);
  height: auto; /* nunca deformar o logo */
}

/* Títulos: Fixture Condensed Bold, caixa alta, vermelho */
.tunjo-wrap h1 {
  margin: 0 0 24px;
  font-family: 'Fixture', 'Arial Narrow', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: clamp(40.5px, 10vw, var(--t4));
  line-height: 0.95;
  letter-spacing: 0;
  text-transform: uppercase;
  color: var(--vermelho);
}

.tunjo-wrap p {
  margin: 0;
  max-width: 30ch;
}

.tunjo-links {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px 24px;
  margin-top: 24px;
  font-size: var(--t-1);
  font-weight: 500;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.tunjo-links a {
  color: var(--grafite);
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 4px;
}

.tunjo-links a:hover,
.tunjo-links a:focus-visible {
  color: var(--vermelho);
}