/* Tokens visuais do site (cores, fontes, espacos) */


:root {
  /* Ônix */
  --onix: #161412;
  --onix-medio: #2A2622;
  /* Bdélio */
  --bdelio: #F4EDE1;
  --bdelio-profundo: #E6D8BF;
  --faixa-onix: #FBF9F5;
  /* Ouro */
  --ouro: #B8913F;
  --ouro-claro: #D9BC7A;
  --ouro-profundo: #7A5C22; /* ouro como texto sobre fundo claro */
  /* Pisom */
  --pisom: #1F4E5A;
  --pisom-claro: #5E8C96;
  /* Status */
  --lavoura: #3E6B48;
  --ocre: #965A18;
  --barro: #9E3B2E;

  /* Tipografia */
  --fonte-titulo: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
  --fonte-texto: 'Inter', -apple-system, 'Segoe UI', Roboto, sans-serif;

  --t-display: clamp(2.75rem, 6vw, 4.5rem);
  --t-h1: 2.5rem;
  --t-h2: 1.875rem;
  --t-h3: 1.25rem;
  --t-corpo: 1.0625rem;
  --t-rotulo: 0.75rem;

  /* Espaço (múltiplos de 8) */
  --e-1: 8px;  --e-2: 16px; --e-3: 24px; --e-4: 32px;
  --e-6: 48px; --e-8: 64px; --e-12: 96px;

  --raio: 4px;
  --fio-ouro: 1px solid var(--ouro);
  --largura-leitura: 70ch;
}

body {
  background: var(--bdelio);
  color: var(--onix);
  font-family: var(--fonte-texto);
  font-size: var(--t-corpo);
  line-height: 1.6;
}

/* Cormorant usa algarismos antigos por padrão ("000" vira "ooo"): forçar alinhados */
h1, h2, .display { font-family: var(--fonte-titulo); font-weight: 600; line-height: 1.1; font-variant-numeric: lining-nums; }
h3 { font-family: var(--fonte-texto); font-weight: 600; }

.rotulo {
  font-family: var(--fonte-texto);
  font-weight: 500;
  font-size: var(--t-rotulo);
  text-transform: uppercase;
  letter-spacing: 0.12em;
}

.numero { font-variant-numeric: lining-nums tabular-nums; }

.faixa-escura { background: var(--onix); color: var(--bdelio); }
.faixa-escura a { color: var(--ouro-claro); }

a { color: var(--ouro-profundo); text-underline-offset: 3px; text-decoration-thickness: 1px; }