/* ==========================================================================
   CAST SELECT — Design Tokens
   Identidade: tons terrosos, fundo escuro, CTA dourado (sem tom amarelado)
   ========================================================================== */

:root {
  /* ---- Cores base ---- */
  --color-bg: #14100c;
  --color-bg-alt: #1b1510;
  --color-surface: #241c15;
  --color-surface-alt: #2d2319;
  --color-border: #3a2f24;

  /* ---- Texto ---- */
  --color-text: #f4eee4;
  --color-text-muted: #b3a596;
  --color-text-faint: #7d7266;

  /* ---- Paleta terrosa ---- */
  --color-clay: #8b5e3c;
  --color-wood: #5b4632;
  --color-sand: #c9b79c;

  /* ---- Dourado (CTA) — bronze/champagne, sem amarelado ---- */
  --color-gold: #b4914f;
  --color-gold-light: #cdab6c;
  --color-gold-dark: #8f7038;

  /* ---- Tipografia ---- */
  --font-base: 'Montserrat', sans-serif;

  --fs-xs: 0.75rem;
  --fs-sm: 0.875rem;
  --fs-base: 1rem;
  --fs-md: 1.125rem;
  --fs-lg: clamp(1.25rem, 1rem + 1vw, 1.75rem);
  --fs-xl: clamp(1.75rem, 1.3rem + 2vw, 2.5rem);
  --fs-2xl: clamp(2.25rem, 1.5rem + 3vw, 3.5rem);
  --fs-3xl: clamp(2.75rem, 1.6rem + 4.5vw, 5rem);

  --lh-tight: 1.15;
  --lh-normal: 1.5;
  --lh-loose: 1.8;

  /* ---- Espaçamento ---- */
  --space-2xs: 0.5rem;
  --space-xs: 0.75rem;
  --space-sm: 1rem;
  --space-md: 1.5rem;
  --space-lg: 2.5rem;
  --space-xl: 4rem;
  --space-2xl: 6rem;
  --space-3xl: 9rem;

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

  /* ---- Diversos ---- */
  --radius-sm: 2px;
  --radius-md: 4px;
  --transition: 0.3s ease;
  --header-height: 84px;
}