/* ==========================================================================
   Bussolas - tokens de design
   Paleta extraida do arquivo do logo (amostragem de pixels, nao estimativa):
     vinho de marca .... #73312c   (tom mais escuro do gradiente do selo)
     vinho medio ....... #7a3b36   (canto superior esquerdo)
     vinho claro ....... #976763   (canto superior direito)
     dourado ........... #d4b06c   (tom dominante do emblema e do wordmark)
   As superficies sao neutras com vies quente, para que o vinho e o dourado
   apareçam como acento e nao como plano de fundo saturado.
   ========================================================================== */

:root {
  /* --- marca ------------------------------------------------------------ */
  --vinho-900: #3d1a17;
  --vinho-800: #5e2822;
  --vinho-700: #73312c; /* cor de marca */
  --vinho-600: #7a3b36;
  --vinho-400: #976763;

  --ouro-300: #ebd7a8;
  --ouro-400: #e2c68a;
  --ouro-500: #d4b06c; /* cor de acao */
  --ouro-600: #b8945a;
  --ouro-700: #8f7244;

  /* --- superficies (camadas tonais, do mais escuro ao mais claro) -------- */
  --surface-0: #131010; /* fundo da pagina */
  --surface-1: #1a1514; /* secoes alternadas */
  --surface-2: #221b1a; /* cartoes */
  --surface-3: #2b2220; /* cartoes em hover, campos */

  /* --- texto ------------------------------------------------------------ */
  --text-primary: #ece7e4;
  --text-secondary: #b9aca7;
  --text-muted: #8b7d78;
  --text-on-gold: #1a1210;

  /* --- bordas ----------------------------------------------------------- */
  --border: #362a28;
  --border-strong: #4d3b38;
  --border-gold: rgba(212, 176, 108, 0.32);

  /* --- tipografia ------------------------------------------------------- */
  --font-display: "Noto Serif", Georgia, "Times New Roman", serif;
  --font-body: "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  --size-display: clamp(2.5rem, 6vw, 4.25rem);
  --size-h2: clamp(1.75rem, 3.4vw, 2.5rem);
  --size-h3: 1.25rem;
  --size-body-lg: 1.125rem;
  --size-body: 1rem;
  --size-small: 0.875rem;
  --size-label: 0.75rem;

  /* --- espacamento (base 8px) ------------------------------------------- */
  --space-1: 8px;
  --space-2: 16px;
  --space-3: 24px;
  --space-4: 32px;
  --space-6: 48px;
  --space-8: 64px;
  --space-12: 96px;
  --space-15: 120px;

  --container: 1200px;
  --measure: 68ch; /* largura maxima de leitura confortavel */

  /* --- formas ----------------------------------------------------------- */
  --radius-sm: 4px;
  --radius: 8px;
  --radius-lg: 12px;
  --radius-pill: 999px;

  --transition: 200ms ease;
}