/*
 * Variáveis globais do projeto (:root do index.css original).
 * Carregado antes de qualquer outro CSS do tema, para que header.css,
 * footer.css e o CSS de cada página possam usar var(--nome) livremente
 * sem precisarem de as redefinir.
 */
:root {
  --bg:         #f7f3ee;
  --bg2:        #efe9e1;
  --surface:    #faf7f4;
  --border:     rgba(100,80,60,0.13);
  --border-mid: rgba(100,80,60,0.22);

  --c-rose:  #c4806a;
  --c-sage:  #7a9a82;
  --c-clay:  #b87d5b;
  --c-blush: #d4a5a0;
  --c-moss:  #5e7a63;
  --c-sand:  #c2a87a;
  --c-mauve: #9a7a8a;

  --ink:      #2c2318;
  --ink-mid:  #6b5a4a;
  --ink-soft: #a0907e;
  --font-display: 'Cormorant Garamond', serif;
  --font-body:    'Jost', sans-serif;

  --radius-lg: 8px;
  --gap: 20px;
}

html { scroll-behavior: smooth; }

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