/* ==========================================================================
   Design tokens — paleta, tipografia, espaçamento e profundidade.
   Tema: casamento premium, rústico e boho — terroso e caloroso.
   Altere aqui para reestilizar o site inteiro de uma vez.
   ========================================================================== */

:root {
  /* -- Cores (paleta terrosa boho) ------------------------------------------ */
  --c-accent: #a47764;          /* mocha — cor primária (títulos, botões)      */
  --c-accent-dark: #835f51;     /* mocha escuro — hover                         */
  --c-terracotta: #9c5a40;      /* terracota — profundidade e acentos          */
  --c-sage: #8d9279;            /* sálvia/oliva — toque botânico               */
  --c-prose: #5d4a42;           /* corpo das seções (espresso quente, ≥7:1)    */
  --c-muted: #75655c;           /* secundários e rótulos (taupe, ≥4.5:1)       */
  --c-heading: #a47764;         /* títulos de seção em fundo claro             */
  --c-white: #ffffff;
  --c-ink: #43352e;             /* texto escuro quente                         */
  --c-line: #e6dccf;            /* bordas e divisórias (areia)                 */
  --c-surface: #ffffff;
  --c-surface-soft: #faf5ee;    /* creme quente (seções alternadas)            */
  --c-surface-warm: #f3e9dc;    /* areia mais presente (faixas/cartões)        */
  --c-overlay: rgba(38, 28, 24, 0.38); /* véu sobre o hero                     */

  /* -- Tipografia ----------------------------------------------------------- */
  --font-display: 'Cinzel', Georgia, 'Times New Roman', serif;   /* títulos     */
  --font-body: 'Josefin Sans', -apple-system, 'Segoe UI', sans-serif; /* corpo/UI */
  --font-prose: 'Josefin Sans', sans-serif;  /* prosa (= corpo, coeso)         */
  --font-script: 'Allura', cursive;          /* script, combina com a logo     */

  --fs-title: clamp(1.3rem, 0.8rem + 2vw, 2.1rem); /* títulos (cabem em 1 linha) */
  --fs-hero-name: clamp(1.5rem, 1rem + 2.4vw, 2rem);
  --fs-body: 1.02rem;

  --ls-title: 0.1em;            /* tracking dos títulos (cabe em 1 linha mobile) */
  --ls-wide: 0.3em;

  /* -- Layout --------------------------------------------------------------- */
  --maxw: 1120px;               /* largura máxima do conteúdo                  */
  --maxw-narrow: 720px;         /* largura dos blocos de texto                 */
  --gutter: clamp(1.25rem, 4vw, 3rem);
  --section-pad: clamp(3.25rem, 5.5vw, 6rem);
  --header-h: 70px;

  /* -- Bordas & sombras ----------------------------------------------------- */
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-pill: 999px;
  /* arco boho: topo arredondado, base suave */
  --radius-arch: 48% 48% var(--radius-md) var(--radius-md) / 32% 32% 4% 4%;
  --shadow-card: 0 18px 40px -22px rgba(60, 40, 30, 0.45);
  --shadow-soft: 0 8px 24px -16px rgba(60, 40, 30, 0.4);

  /* -- Movimento ------------------------------------------------------------ */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);   /* ease-out suave              */
  --t-fast: 0.25s var(--ease-out);
  --t-base: 0.5s var(--ease-out);
  --t-slow: 0.9s var(--ease-out);
}