/* =========================================================
   Ordem Interna — Design Tokens
   Paleta da IDV: terracota, bege, marrom, dourado
   ========================================================= */

@font-face {
  font-family: "Cormorant Garamond";
  src: url("../assets/fonts/CormorantGaramond-Variable.ttf") format("truetype-variations");
  font-weight: 300 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Cormorant Garamond";
  src: url("../assets/fonts/CormorantGaramond-Italic-Variable.ttf") format("truetype-variations");
  font-weight: 300 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Anek Telugu";
  src: url("../assets/fonts/AnekTelugu-Variable.ttf") format("truetype-variations");
  font-weight: 100 800;
  font-style: normal;
  font-display: swap;
}

:root {
  /* Cores base */
  --color-bege: #f3e9da;
  --color-bege-2: #ece1cd;
  --color-bege-3: #e4d6bc;
  --color-marrom: #5b3f24;
  --color-marrom-escuro: #3d2a18;
  --color-terracota: #b0532f;
  --color-terracota-escuro: #8c3f22;
  --color-dourado: #c9a35a;
  --color-dourado-claro: #d9b87a;
  --color-texto: #3d2a18;
  --color-texto-suave: #6b513a;
  --color-linha: rgba(91, 63, 36, 0.18);
  --color-branco: #fbf6ec;

  /* Tipografia */
  --font-serif: "Cormorant Garamond", "Times New Roman", serif;
  --font-sans: "Anek Telugu", "Inter", system-ui, sans-serif;

  /* Escala */
  --fs-xxl: clamp(2.6rem, 6vw, 5.2rem);
  --fs-xl: clamp(2rem, 4.2vw, 3.6rem);
  --fs-lg: clamp(1.6rem, 2.6vw, 2.4rem);
  --fs-md: 1.125rem;
  --fs-sm: 0.95rem;
  --fs-xs: 0.8rem;

  /* Espaçamento */
  --container: 1200px;
  --container-padding: clamp(1.25rem, 4vw, 2.5rem);
  --gap-xs: 0.5rem;
  --gap-sm: 1rem;
  --gap-md: 2rem;
  --gap-lg: 4rem;
  --gap-xl: 6rem;

  /* Outros */
  --radius-sm: 6px;
  --radius-md: 14px;
  --radius-lg: 28px;
  --radius-xl: 999px;
  --shadow-sm: 0 4px 16px rgba(61, 42, 24, 0.08);
  --shadow-md: 0 12px 32px rgba(61, 42, 24, 0.12);
  --shadow-lg: 0 24px 60px rgba(61, 42, 24, 0.18);
  --transition: 0.4s cubic-bezier(0.2, 0.7, 0.2, 1);
}