/* =========================================
   VARIABLES — Tokens de design
   Coração do projeto. Nenhum valor de cor,
   fonte ou espaçamento deve ser repetido
   em outro arquivo. Altere aqui, reflete
   em todo o site.
   ========================================= */

:root {
  /* ── Cores ── */
  --clr-bg:           #f5f5f0;
  --clr-bg2:          #eeede8;
  --clr-white:        #ffffff;
  --clr-dark:         #111111;
  --clr-dark2:        #1a1a1a;
  --clr-dark3:        #141414;
  --clr-accent:       #d4f542;
  --clr-accent-dark:  #b8d820;
  --clr-accent-dim:   rgba(212, 245, 66, 0.15);
  --clr-text:         #1a1a1a;
  --clr-muted:        #6b6b6b;
  --clr-border:       #e0dfda;
  --clr-border-dark:  #2a2a2a;

  /* ── Tipografia ── */
  --fonte-titulo:     'Syne', system-ui, sans-serif;
  --fonte-corpo:      'DM Sans', system-ui, -apple-system, sans-serif;

  /* ── Espaçamento / Layout ── */
  --max-w:            1140px;
  --pad-h:            24px;

  /* ── Bordas ── */
  --radius:           8px;
  --radius-lg:        20px;

  /* ── Transição padrão ── */
  --transition:       0.3s cubic-bezier(0.4, 0, 0.2, 1);
}