/* ==========================================================================
   TOKENS DE DESIGN — cores, tipografia e espaçamento
   Paleta derivada da logo: madeira marrom, creme/off-white, dourado discreto.
   Para ajustar a identidade do site inteiro, altere APENAS este arquivo.
   ========================================================================== */
:root {
  /* Madeira (marrons da logo) */
  --wood-950: #24140d;
  --wood-900: #2e1b12;
  --wood-800: #40261a;
  --wood-700: #5a3623;
  --wood-600: #744530;
  --wood-500: #8a5438;
  --wood-400: #a9714f;

  /* Claros */
  --ivory: #fbf8f3;   /* off-white */
  --cream: #f4ece1;   /* creme */
  --beige: #e6d6c1;   /* bege */
  --sand: #cdb59a;

  /* Dourado — uso muito pontual */
  --gold: #b39262;
  --gold-soft: #d3bd94;
  --gold-deep: #7e6338;   /* texto pequeno sobre claro (contraste AA) */

  /* Texto */
  --ink: var(--wood-800);
  --ink-soft: #6b5344;
  --on-dark: var(--ivory);
  --on-dark-soft: rgba(251, 248, 243, 0.78);

  /* Linhas */
  --line: rgba(64, 38, 26, 0.12);
  --line-dark: rgba(251, 248, 243, 0.18);

  /* Tipografia */
  --font-display: 'Cormorant Garamond', 'Times New Roman', serif;
  --font-brand: 'Cinzel', 'Cormorant Garamond', serif;
  --font-body: 'Jost', system-ui, -apple-system, 'Segoe UI', sans-serif;

  /* Layout */
  --container: 1200px;
  --gutter: clamp(1.25rem, 4vw, 2.5rem);
  --section-y: clamp(4.5rem, 9vw, 8rem);
  --header-h: 84px;
  --bp-nav: 1080px; /* a partir daqui o menu vira horizontal */

  /* Forma e movimento */
  --radius: 2px;
  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);
  --shadow-soft: 0 24px 44px -26px rgba(46, 27, 18, 0.4);

  /* Textura de madeira (SVG gerado — sem imagem externa).
     Veios horizontais sutis sobre a cor de fundo. */
  --grain-dark: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='900' height='900'%3E%3Cfilter id='g' x='0' y='0' width='100%25' height='100%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.0032 .15' numOctaves='4' seed='7' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .1 0 0 0 0 .05 0 0 0 0 .02 1.2 0 0 0 -.5'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E");
  --grain-light: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='900' height='900'%3E%3Cfilter id='g' x='0' y='0' width='100%25' height='100%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.0032 .15' numOctaves='4' seed='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 .86 0 0 0 0 .7 .8 0 0 0 -.3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E");
}