/* =========================================================
   CRIE TOKENS — Single Source of Truth
   Identidade: Eco-Tech Premium (verde + azul + grafite + gelo)
   Objetivo: consistência visual em TODO o privado e home/app
========================================================= */

:root{
  /* ---------- Brand (cores) ---------- */
  --cr-blue-500: #1976d2;
  --cr-blue-700: #145aa8;

  --cr-green-600: #2e7d32;
  --cr-green-700: #1b5e20;

  /* Aliases (compat) — para não quebrar CSS antigo */
  --cr-blue: var(--cr-blue-500);
  --cr-green: var(--cr-green-600);

  /* ---------- Tipografia / texto ---------- */
  --cr-ink: rgba(15,23,42,.92);          /* grafite */
  --cr-muted: rgba(15,23,42,.62);

  /* ---------- Superfícies ---------- */
  --cr-bg: #f8fafc;                      /* gelo */
  --cr-bg-soft: #f6f8fc;                 /* home/app compat */
  --cr-surface: rgba(255,255,255,.86);   /* glass */
  --cr-surface-solid: #ffffff;

  /* ---------- Bordas / raio ---------- */
  --cr-border: rgba(15,23,42,.10);
  --cr-border-strong: rgba(15,23,42,.14);

  --cr-radius: 18px;
  --cr-radius-sm: 14px;

  /* ---------- Sombras ---------- */
  --cr-shadow-sm: 0 10px 26px rgba(2,6,23,.06);
  --cr-shadow-md: 0 18px 48px rgba(2,6,23,.10);
  --cr-shadow-lg: 0 18px 60px rgba(2,6,23,.12);

  /* ---------- Aura (radiais no fundo/topbar) ---------- */
  --cr-aura-blue: rgba(25,118,210,.14);
  --cr-aura-green: rgba(46,125,50,.14);

  /* ---------- Focus (acessibilidade) ---------- */
  --cr-focus: 0 0 0 4px rgba(25,118,210,.18);

  /* ---------- Botões (sistema unificado) ---------- */
  --cr-btn-radius: 16px;
  --cr-btn-text: var(--cr-ink);
  --cr-btn-text-on: #ffffff;
  --cr-btn-surface: rgba(255,255,255,.92);
  --cr-btn-border: var(--cr-border-strong);

  --cr-btn-shadow: 0 14px 34px rgba(25,118,210,.14);
  --cr-btn-shadow-soft: 0 10px 22px rgba(2,6,23,.08);
}