/* =========================================================
   CASA DOS TRAVESSEIROS — DESIGN TOKENS
   Paleta inspirada no próprio produto: crosta caramelizada,
   creme de ovo, folhado escurecido e vinho do Minho.
   ========================================================= */

:root {
  /* ---- Cor: base ---- */
  --color-flour: #F6F0E3;       /* creme claro — farinha/massa crua */
  --color-flour-soft: #EFE6D3;  /* variante mais escura para secções alternadas */
  --color-crust: #2B1D14;       /* castanho quase-preto — crosta bem cozida */
  --color-crust-soft: #46301F;  /* castanho médio — texto sobre creme */

  /* ---- Cor: acento ---- */
  --color-caramel: #BD8A2E;     /* dourado caramelizado — CTA primário */
  --color-caramel-light: #D7AC55;
  --color-custard: #EFCB7E;     /* creme de ovo — realces suaves */
  --color-wine: #6E2A2C;        /* vinho do Minho — CTA secundário / ênfase */
  --color-wine-light: #8C3B3C;
  --color-azulejo: #33505E;     /* azul azulejo — acento raro (mapa/FAQ) */

  /* ---- Neutros funcionais ---- */
  --color-white: #FFFDF9;
  --color-ink: #1C130C;
  --color-line: rgba(43, 29, 20, 0.12);
  --color-line-light: rgba(255, 253, 249, 0.18);

  /* ---- Tipografia ---- */
  --font-display: "Fraunces", "Iowan Old Style", serif;
  --font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  --fs-2xs: clamp(0.72rem, 0.7rem + 0.1vw, 0.78rem);
  --fs-xs:  clamp(0.82rem, 0.8rem + 0.1vw, 0.9rem);
  --fs-sm:  clamp(0.92rem, 0.9rem + 0.15vw, 1rem);
  --fs-md:  clamp(1.05rem, 1rem + 0.25vw, 1.2rem);
  --fs-lg:  clamp(1.3rem, 1.15rem + 0.6vw, 1.7rem);
  --fs-xl:  clamp(1.9rem, 1.5rem + 1.6vw, 2.8rem);
  --fs-2xl: clamp(2.6rem, 1.9rem + 2.8vw, 4.4rem);
  --fs-3xl: clamp(3.4rem, 2.2rem + 5vw, 7rem);

  /* ---- Espaçamento ---- */
  --space-3xs: 0.25rem;
  --space-2xs: 0.5rem;
  --space-xs: 0.85rem;
  --space-sm: 1.4rem;
  --space-md: 2.2rem;
  --space-lg: 3.6rem;
  --space-xl: 5.8rem;
  --space-2xl: 9rem;

  /* ---- Layout ---- */
  --container-max: 1320px;
  --container-pad: 6vw;
  --radius-sm: 6px;
  --radius-md: 14px;
  --radius-lg: 28px;

  /* ---- Movimento ---- */
  --ease-silk: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-fold: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-fast: 0.3s;
  --dur-med: 0.6s;
  --dur-slow: 1s;

  /* ---- Sombra ---- */
  --shadow-soft: 0 20px 60px -25px rgba(43, 29, 20, 0.35);
  --shadow-lift: 0 30px 80px -30px rgba(43, 29, 20, 0.45);
}