/* ==========================================
   VARIAVEIS DE RAIZ
========================================== */

:root {
  /* ======================================
       CORES
    ====================================== */

  --color-primary: #dcb858;
  --color-primary-hover: #c0993e;
  --color-surface: #0a060608;
  --color-dark: #2a2a2e;
  --color-light: #f7f7f5;
  --color-white: #ffffff;
  --color-text: #3b3b3b;
  --color-border: #dddddd;
  --color-success: #2e7d32;
  --color-error: #c62828;

  /* ======================================
       TIPOGRAFIA
    ====================================== */

  --font-heading: "Cinzel", serif;
  --font-body: "Inter", sans-serif;

  /* ======================================
       ESPESSURA DAS LETRAS
    ====================================== */

  --font-regular: 400;
  --font-semibold: 600;
  --font-bold: 700;

/* ======================================
   TAMANHO DAS LETRAS
====================================== */

--fs-h1: clamp(3rem, 6vw, 5.4rem);
--fs-h2: clamp(1.8rem, 2.8vw, 2.6rem);
--fs-h3: clamp(1.3rem, 2vw, 1.8rem);

--fs-body: 1rem;
--fs-small: 0.9rem;

/* ======================================
   ESPAÇAMENTO
====================================== */

--space-xs: 8px;
--space-sm: 16px;
--space-md: 24px;
--space-lg: 32px;
--space-xl: 48px;
--space-2xl: 64px;
--space-3xl: 96px;

/* Espaçamento global do layout */

--section-spacing: 140px;
--content-spacing: 90px;

  /* ======================================
       LAYOUT
    ====================================== */

  --container-width: 1400px;
  --header-height: 110px;

  /* ======================================
       DIÂMETRO DAS BORDAS
    ====================================== */

  --radius: 8px;

  /* ======================================
       TRANSIÇÕES
    ====================================== */

  --transition: 0.3s ease;
}