/* ==========================================================================
   Variáveis globais — cores, tipografia, espaçamento, sombras, transições
   ========================================================================== */

:root {
  /* Cores base */
  --color-black: #0c0c0c;
  --color-charcoal: #1f1b16;
  --color-charcoal-soft: #2a251e;
  --color-gold: #d4af7c;
  --color-gold-dark: #b58b55;
  --color-gold-light: #e9d7b6;
  --color-cream: #fff8ec;
  --color-off-white: #f8f5ee;
  --color-white: #ffffff;
  --color-text: #29251f;
  --color-text-light: #fbf7f0;
  --color-muted: #746d64;
  --color-muted-light: #cabfae;
  --color-border: #e7ddcb;
  --color-border-dark: #3a332a;

  /* Sobreposições */
  --overlay-dark-strong: rgba(12, 12, 12, 0.72);
  --overlay-dark-soft: rgba(12, 12, 12, 0.45);
  --overlay-gold-soft: rgba(212, 175, 124, 0.12);

  /* Tipografia */
  --font-heading: "Playfair Display", "Georgia", serif;
  --font-body: "Poppins", "Segoe UI", -apple-system, BlinkMacSystemFont, sans-serif;

  --fs-h1: clamp(2.1rem, 1.5rem + 2.6vw, 3.25rem);
  --fs-h2: clamp(1.8rem, 1.4rem + 1.8vw, 2.75rem);
  --fs-h3: clamp(1.15rem, 1.02rem + 0.6vw, 1.4rem);
  --fs-lead: clamp(1rem, 0.94rem + 0.3vw, 1.15rem);
  --fs-body: 1rem;
  --fs-small: 0.875rem;
  --fs-eyebrow: 0.8rem;

  /* Layout */
  --container-width: 1240px;
  --container-padding: clamp(1.25rem, 4vw, 3rem);

  /* Espaçamentos */
  --space-3xs: 0.25rem;
  --space-2xs: 0.5rem;
  --space-xs: 0.75rem;
  --space-sm: 1rem;
  --space-md: 1.5rem;
  --space-lg: 2.5rem;
  --space-xl: 4rem;
  --space-2xl: clamp(4rem, 3rem + 4vw, 7rem);

  /* Bordas / raio */
  --radius-sm: 10px;
  --radius-md: 18px;
  --radius-lg: 28px;
  --radius-full: 999px;

  /* Sombras */
  --shadow-sm: 0 4px 14px rgba(12, 12, 12, 0.07);
  --shadow-md: 0 14px 34px rgba(12, 12, 12, 0.12);
  --shadow-lg: 0 28px 64px rgba(12, 12, 12, 0.2);
  --shadow-gold: 0 14px 28px rgba(181, 139, 85, 0.32);

  /* Transições */
  --transition-fast: 150ms ease;
  --transition-base: 280ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-slow: 550ms cubic-bezier(0.4, 0, 0.2, 1);

  /* Camadas (z-index) */
  --z-decor: 1;
  --z-content: 10;
  --z-header: 100;
  --z-menu: 150;
  --z-toast: 300;
}