/* Zenlar — design tokens (fonte de verdade para tema WooCommerce, landing e criativos) */
:root {
  /* Cores de marca */
  --color-primary: #9CAF88;        /* sage green */
  --color-primary-hover: #8A9E76;
  --color-cta: #C77B54;            /* terracotta */
  --color-cta-hover: #B56A45;
  --color-cta-disabled: #E0B9A5;
  --color-surface: #E8DFD3;        /* sand beige */
  --color-background: #FAF7F2;     /* off-white */
  --color-text: #2E2E2A;           /* charcoal */
  --color-text-muted: #6E6E66;
  --color-success: #6F8F5E;
  --color-error: #B4533A;

  /* Tipografia — humanist sans-serif */
  --font-family-base: "Nunito Sans", "Segoe UI", system-ui, sans-serif;
  --font-size-h1: 2.5rem;    /* 40px, lh 1.2, w 700 */
  --font-size-h2: 2rem;      /* 32px, lh 1.25, w 700 */
  --font-size-h3: 1.5rem;    /* 24px, lh 1.3, w 600 */
  --font-size-body: 1rem;    /* 16px, lh 1.6, w 400 */
  --font-size-caption: 0.8125rem; /* 13px, lh 1.4, w 400 */

  /* Espaçamento (base 4px) */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-12: 3rem;
  --space-16: 4rem;

  /* Forma */
  --radius-base: 8px;
  --radius-pill: 999px;
  --shadow-card: 0 2px 12px rgba(46, 46, 42, 0.08);
}