/* =========================================================================
   THEME — Identidade visual Vinicius Almeida
   -------------------------------------------------------------------------
   Este é o ÚNICO arquivo que você precisa editar para mudar cores, fontes,
   espaçamentos e cantos do site inteiro. O restante do CSS (main.css)
   consome apenas estas variáveis.
   ========================================================================= */

:root {
  /* ---- Cores da marca ---------------------------------------------------- */
  --brand:            #0e2e63;  /* Azul principal */
  --brand-deep:       #081d40;  /* Azul profundo (fundos escuros, hover) */
  --brand-soft:       #e7ecf4;  /* Azul quase branco (fundos suaves) */
  --accent:           #b08d57;  /* Detalhe sofisticado (latão). Usar com moderação */
  --accent-soft:      #f3ede3;

  /* ---- Neutros ----------------------------------------------------------- */
  --ink:              #0b0d12;  /* Preto de texto */
  --ink-2:            #2a2f3a;  /* Texto secundário forte */
  --muted:            #5a6070;  /* Texto de apoio (contraste AA em branco) */
  --line:             #dcdde2;  /* Linhas e bordas */
  --paper:            #ffffff;  /* Fundo principal */
  --paper-2:          #f5f5f3;  /* Cinza claro de seção */
  --paper-3:          #ebebe8;

  /* ---- Estados ----------------------------------------------------------- */
  --focus:            #b08d57;
  --todo:             #a15c00;  /* Marcador de conteúdo pendente (placeholders) */
  --todo-bg:          #fff6e6;

  /* ---- Tipografia -------------------------------------------------------- */
  --font-display: "Fraunces", "Times New Roman", Georgia, serif;
  --font-body:    "Manrope", "Segoe UI", system-ui, -apple-system, sans-serif;

  --fs-body:   clamp(1.0625rem, 0.4vw + 1rem, 1.1875rem); /* 17–19px */
  --fs-small:  1rem;                                     /* nunca menor que 16px */
  --fs-lead:   clamp(1.1875rem, 0.8vw + 1rem, 1.5rem);
  --fs-h4:     clamp(1.25rem, 0.6vw + 1.1rem, 1.5rem);
  --fs-h3:     clamp(1.5rem, 1.2vw + 1.2rem, 2.125rem);
  --fs-h2:     clamp(2rem, 3vw + 1.2rem, 3.5rem);
  --fs-h1:     clamp(2.625rem, 5.2vw + 1.2rem, 5.75rem);
  --fs-eyebrow: 0.8125rem;

  --lh-tight: 1.05;
  --lh-head:  1.15;
  --lh-body:  1.65;

  /* ---- Espaçamentos ------------------------------------------------------ */
  --space-1: 0.5rem;
  --space-2: 1rem;
  --space-3: 1.5rem;
  --space-4: 2rem;
  --space-5: 3rem;
  --space-6: 4.5rem;
  --space-7: clamp(4.5rem, 8vw, 8rem);   /* respiro vertical das seções */

  --container: 1240px;
  --container-narrow: 820px;
  --gutter: clamp(1.25rem, 4vw, 2.5rem);

  /* ---- Forma ------------------------------------------------------------- */
  --radius:    3px;   /* cantos discretos, nada de “bolhas” */
  --radius-lg: 6px;
  --border:    1px solid var(--line);

  /* ---- Movimento --------------------------------------------------------- */
  --ease: cubic-bezier(.2, .7, .2, 1);
  --dur:  .45s;

  /* ---- Camadas ----------------------------------------------------------- */
  --header-h: 76px;
  --z-header: 50;
  --z-drawer: 60;
  --z-toast:  80;
}