/**
 * tokens.css — Design tokens do site
 * Caue Possatto — Métodos Bioenergéticos
 * CHÃO FIRME — não alterar sem aprovação
 * Ref: CAUE_POSSATTO_MEMORIA_PROJETO_V004.md · seção 3
 */

:root {

  /* ── Paleta principal ─────────────────────────────────────── */
  --verde-hero:      #080F0B;   /* hero, fundos máximos */
  --verde-profundo:  #0D3B2E;   /* fundo principal do site */
  --verde-medio:     #1A5C42;   /* seções secundárias, gradientes */
  --verde-claro:     #2A7A58;   /* acentos, eyebrow verde */
  --dourado:         #C9A84C;   /* títulos, detalhes, bordas */
  --dourado-suave:   #E2C98A;   /* hover, textos sobre escuro */
  --dourado-dim:     rgba(201, 168, 76, 0.18);  /* bordas sutis */
  --roxo:            #2D1A55;   /* 8 Energias, elementos espirituais */
  --roxo-medio:      #3D2470;   /* variação do roxo */
  --off-white:       #F4EFE6;   /* texto principal, seções claras */
  --off-white-2:     #EDE7DA;   /* seções alternadas claras */
  --marrom:          #8B5E3C;   /* acentos corporais, aterramento */
  --texto-escuro:    #1C1C1C;   /* texto sobre fundos claros */
  --texto-claro:     rgba(244, 239, 230, 0.82);  /* texto sobre escuro */
  --linha:           rgba(201, 168, 76, 0.14);   /* bordas internas, divisores */

  /* ── Tipografia ───────────────────────────────────────────── */
  --font-display: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
  --font-corpo:   'Inter', system-ui, -apple-system, sans-serif;

  /* ── Espaçamento ──────────────────────────────────────────── */
  --sec-pad-v:      100px;
  --sec-pad-h:       48px;
  --sec-pad-h-sm:    24px;
  --container-max:  1100px;
  --container-wide: 1200px;
  --gap-grid:        20px;
  --gap-grid-lg:     28px;

  /* ── Bordas ───────────────────────────────────────────────── */
  --radius-card: 3px;
  --radius-btn:  2px;
  --radius-pill: 50px;

  /* ── Sombras ──────────────────────────────────────────────── */
  --shadow-card: 0 20px 50px rgba(0, 0, 0, 0.30);
  --shadow-card-sm: 0 4px 20px rgba(0, 0, 0, 0.15);
  --shadow-btn:  0 8px 28px rgba(201, 168, 76, 0.22);
  --shadow-nav:  0 4px 24px rgba(0, 0, 0, 0.40);

  /* ── Transições ───────────────────────────────────────────── */
  --tr-fast:  all 0.18s ease;
  --tr-base:  all 0.25s ease;
  --tr-hover: all 0.30s ease;
  --tr-slow:  all 0.45s ease;

  /* ── Z-index ──────────────────────────────────────────────── */
  --z-base:      1;
  --z-nav:     200;
  --z-dropdown:300;
  --z-modal:   400;
  --z-whatsapp:500;

  /* ── Breakpoints (referência — usar nos @media) ───────────
     xs:  < 480px  |  sm: 480px  |  md: 640px
     lg: 1024px    |  xl: 1280px
  ────────────────────────────────────────────────────────── */
}