/* ==========================================================================
   MAYA — Inteligência Estratégica
   Design Tokens / Variáveis Globais
   ========================================================================== */

:root {
  /* Cores — Base */
  --color-bg: #F8F4EE;
  --color-bg-soft: #F3EDE3;
  --color-white: #FFFFFF;

  /* Cores — Bronze / Dourado */
  --color-bronze: #8A6A3C;
  --color-bronze-dark: #6F552F;
  --color-bronze-light: #B39261;
  --color-bronze-tint: #F1E6D5;

  /* Cores — Texto */
  --color-text: #2D261F;
  --color-text-secondary: #6B6259;
  --color-text-muted: #8D847B;

  /* Cores — Suporte */
  --color-border: #E7DED2;
  --color-green: #60745D;
  --color-green-tint: #E9EEE7;

  /* Tipografia */
  --font-serif: 'Cormorant Garamond', 'Playfair Display', serif;
  --font-sans: 'Inter', 'Manrope', sans-serif;

  /* Tamanhos de fonte fluida */
  --fs-hero: clamp(2.6rem, 5vw, 4.4rem);
  --fs-h2: clamp(2rem, 3.4vw, 3rem);
  --fs-h3: clamp(1.4rem, 2vw, 1.9rem);
  --fs-lead: clamp(1.05rem, 1.4vw, 1.3rem);
  --fs-base: 1rem;
  --fs-small: 0.9rem;
  --fs-eyebrow: 0.8rem;

  /* Espaçamentos */
  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 1.75rem;
  --space-lg: 3rem;
  --space-xl: 5rem;
  --space-2xl: 8rem;

  /* Raios */
  --radius-sm: 10px;
  --radius-md: 18px;
  --radius-lg: 28px;
  --radius-pill: 999px;

  /* Sombras */
  --shadow-soft: 0 4px 24px rgba(45, 38, 31, 0.06);
  --shadow-card: 0 8px 32px rgba(45, 38, 31, 0.07);
  --shadow-hover: 0 16px 48px rgba(138, 106, 60, 0.16);

  /* Container */
  --container-max: 1200px;
  --container-padding: clamp(1.25rem, 4vw, 3rem);

  /* Transições */
  --ease-standard: cubic-bezier(0.22, 1, 0.36, 1);
  --transition-fast: 0.2s var(--ease-standard);
  --transition-medium: 0.4s var(--ease-standard);
  --transition-slow: 0.7s var(--ease-standard);
}