:root {
  /* cores */
  --c-ground: #F4F5F1;          /* fundo do app */
  --c-surface: #FFFFFF;         /* cards */
  --c-surface-2: #F9FAF7;       /* campos, chips inativos */
  --c-line: #E3E6DF;            /* bordas finas */
  --c-ink: #121712;             /* texto principal */
  --c-ink-2: #5A625A;           /* texto secundário */
  --c-ink-3: #8A918A;           /* placeholder, legendas */
  --c-brand: #14532D;           /* marca, item selecionado, links */
  --c-brand-soft: #E8F1EA;      /* fundo de selecionado */
  --c-action: #A6E85C;          /* botão principal (texto em --c-ink) */
  --c-action-hover: #96DA4B;
  --c-danger: #C62828;  --c-danger-soft: #FDECEC;
  --c-warn: #B26A00;    --c-warn-soft: #FFF4E0;
  --c-info: #1D4ED8;
  --c-whatsapp: #25D366;
  --c-badge-pro: #121712;       /* selo "Pro" preto com texto limão */

  /* tipografia (Inter variável, self-hosted) */
  --f-sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --f-display: "Inter", system-ui, sans-serif;  /* landing: peso 900, caixa alta, tracking -0.03em */
  --t-xs: .75rem; --t-sm: .875rem; --t-md: 1rem; --t-lg: 1.125rem; --t-xl: 1.375rem; --t-2xl: 1.75rem; --t-3xl: 2.25rem;
  --t-hero: clamp(2.5rem, 8vw, 5.5rem);

  /* espaço (base 4) */
  --s-1: 4px; --s-2: 8px; --s-3: 12px; --s-4: 16px; --s-5: 20px; --s-6: 24px; --s-8: 32px; --s-10: 40px; --s-12: 48px;
  --gutter: 16px;               /* 24px ≥ 768px */

  /* raios e sombras */
  --r-sm: 10px; --r-md: 14px; --r-lg: 20px; --r-xl: 28px; --r-pill: 999px;
  --sh-1: 0 1px 2px rgba(18,23,18,.06);
  --sh-2: 0 6px 24px rgba(18,23,18,.08);
  --sh-modal: 0 20px 60px rgba(18,23,18,.18);

  /* layout */
  --sidebar-w: 248px; --sidebar-w-collapsed: 76px; --bottomnav-h: 64px;
  --content-max: 1120px; --mobile-max: 440px;
  --focus: 0 0 0 3px rgba(20,83,45,.28);
  --ease: cubic-bezier(.2,.8,.2,1);
}

:root { --c-muted-readable:#626b62; --c-warn-text:#805000; --c-overlay:#12171299; }
@media(min-width:768px){:root{--gutter:24px}}