/* ═══════════════════════════════════════════════════════════════════════
   Carçudos System — DESIGN TOKENS (single source of truth)
   ───────────────────────────────────────────────────────────────────────
   Esta é a ÚNICA fonte de verdade da paleta. app.css, site.css e
   qualquer página inline DEVEM importar este arquivo (@import "/assets/
   css/tokens.css") e referenciar via var(--token).

   NUNCA escreva hex de verde direto em HTML/CSS. Sempre use var(--*).
   Doc completa: /Documentation/PALETTE.md
   ═══════════════════════════════════════════════════════════════════════ */

:root {
    /* ── VERDES (escala canônica do brand Carçudo) ───────────────────── */
    --brand:       #19C12C;   /* Verde Carçudo vibrante — logos, focos, CTAs vivos */
    --primary:     #14A024;   /* Verde sólido — sidebar, botões, headings (default) */
    --accent:      #0E7A20;   /* Verde escuro — hover, fundos dramáticos, gradients */
    --secondary:   #4ADF5A;   /* Verde claro — highlights, gradient stops, badges */
    --energy:      #19C12C;   /* Alias de --brand para retrocompatibilidade */

    /* ── NEUTROS ─────────────────────────────────────────────────────── */
    --text:        #1a1a1a;   /* Texto base (preto suave, melhor contraste do que #000) */
    --text-strong: #000000;   /* Preto puro — uso pontual (logotipos, dramatismo) */
    --muted:       #6b7470;   /* Texto secundário, labels */
    --muted-dark:  #3a4a3a;   /* Texto secundário com tom verde-acinzentado (landing) */

    /* ── SUPERFÍCIES ─────────────────────────────────────────────────── */
    --bg:          #f4fbf5;   /* Fundo principal (verde quase-branco, MESMO no app E na landing) */
    --bg-soft:     #f4fbf5;   /* Alias de --bg para landing */
    --bg-light:    #ffffff;   /* Branco puro — cards, modais, cabeçalhos */
    --surface:     #ffffff;   /* Cards */
    --surface-2:   #fafdfb;   /* Inputs, áreas sutilmente recuadas */
    --border:      #d6e5d6;   /* Bordas neutras esverdeadas */
    --border-soft: #d9e3da;   /* Bordas de inputs */

    /* ── STATUS ──────────────────────────────────────────────────────── */
    --danger:      #d94343;
    --success:     #2a9d6a;
    --warning:     #f0a500;
    --info:        #1B7A85;   /* Ciano — usado pontualmente (Ladrilhos 14k) */

    /* ── EFEITOS ─────────────────────────────────────────────────────── */
    --radius:      10px;
    --radius-lg:   14px;
    --shadow-sm:   0 1px 3px rgba(14,60,68,0.06);
    --shadow:      0 4px 16px rgba(14,60,68,0.08);
    --shadow-lg:   0 20px 50px rgba(0,0,0,0.10);

    /* ── GRADIENTS ───────────────────────────────────────────────────── */
    --gradient:        linear-gradient(135deg, var(--brand), var(--accent));
    --gradient-soft:   linear-gradient(135deg, var(--secondary), var(--accent));
    --gradient-hero:   linear-gradient(135deg, var(--brand) 0%, var(--primary) 50%, var(--accent) 100%);
    --gradient-bg:     linear-gradient(135deg, #f4fbf5 0%, #e6f5e9 100%);
}