/*
 * CultivaHQ — Design tokens "Broto"
 * Fonte de verdade: docs/cultivahq/project/Guia de Marca.dc.html
 * Cores, cotas e textos legais são placeholders a confirmar.
 */

:root {
  /* ===== Marca ===== */
  --c-forest-deep: #18301F; /* fundo escuro, texto */
  --c-forest: #20402E;      /* primária da marca */
  --c-emerald: #2E9E63;     /* ação / acento */
  --c-emerald-ink: #237a4c; /* esmeralda sobre fundo claro (texto) */
  --c-moss: #8AA378;        /* secundária */
  --c-mint: #7CCF9A;        /* acento modo escuro */
  --c-sage: #cfe0bf;        /* claro de apoio */
  --c-forest-line: #2c5440; /* borda em superfícies escuras */

  /* ===== Neutros ===== */
  --c-ink-900: #1c2a20;
  --c-ink-700: #46493f;
  --c-ink-500: #6b6f66;
  --c-ink-400: #9a9e92;
  --c-line: #e6e3d8;
  --c-line-soft: #ece9de;
  --c-surface: #FBFAF5;     /* card / superfície clara */
  --c-surface-2: #F3F1E9;   /* superfície secundária */
  --c-bg: #e7e5df;          /* fundo da página */
  --c-border-strong: #c5c2b3;

  /* ===== Estados (faixas-alvo & alertas) ===== */
  --c-success: #2E9E63;
  --c-warning: #C98A3C;
  --c-warning-ink: #8f6225;
  --c-error: #BD5A42;
  --c-error-ink: #a8472f;
  --c-info: #3C7CC9;

  /* ===== Tipografia ===== */
  --font-display: 'Bricolage Grotesque', system-ui, sans-serif;
  --font-body: 'Mulish', system-ui, sans-serif;
  --font-mono: 'Spline Sans Mono', ui-monospace, monospace;

  /* escala (desktop) */
  --fs-h1: 56px;
  --fs-h2: 40px;
  --fs-h3: 28px;
  --fs-h4: 22px;
  --fs-body: 16px;
  --fs-caption: 13px;

  /* ===== Espaçamento (4pt) ===== */
  --sp-xs: 4px;
  --sp-sm: 8px;
  --sp-md: 16px;
  --sp-lg: 24px;
  --sp-xl: 32px;
  --sp-2xl: 48px;
  --sp-3xl: 64px;

  /* ===== Raio ===== */
  --r-sm: 8px;
  --r-md: 16px;
  --r-lg: 24px;
  --r-pill: 999px;

  /* ===== Elevação ===== */
  --e1: 0 1px 2px rgba(24,48,31,0.08);
  --e2: 0 4px 14px rgba(24,48,31,0.10);
  --e3: 0 12px 32px rgba(24,48,31,0.16);

  /* largura de conteúdo */
  --container: 1180px;
  --container-narrow: 880px;
  --container-reading: 720px;
}