/* ══════════════════════════════════════════════════════
   Tokens da identidade Laive (fonte: laive.com.br)
   ══════════════════════════════════════════════════════ */
:root{
  /* Marca */
  --azul:#1b6fff; --azul-600:#0b57e0; --azul-400:#4f90ff; --azul-050:#eef4ff;
  --preto:#0a0a0b; --preto-900:#050506; --preto-800:#141519; --preto-700:#1d1f25;
  --tinta:#0e1116; --tinta-2:#3a4250; --muted:#5b6572;
  --cinza:#f4f6fa; --cinza-200:#eceff5; --linha:#e6e9ef; --branco:#fff;

  /* Status (cores com função) */
  --info:var(--azul);      /* informação / destaque   */
  --sucesso:#16a34a;       /* sucesso / meta atingida */
  --atencao:#d97706;       /* atenção                 */
  --alerta:#dc2626;        /* abaixo do mínimo/alerta */
  --ouro:#c99b1e;          /* destaque especial/pódio */

  /* Tipografia */
  --font-sans:"Inter", ui-sans-serif, system-ui, "Segoe UI", sans-serif;
  --font-display:"Sora", ui-sans-serif, system-ui, sans-serif;
}

/* ══════════════════════════════════════════════════════
   Temas — variáveis semânticas (componentes usam só estas)
   Light = padrão. Dark = essência do painel original.
   ══════════════════════════════════════════════════════ */
:root,[data-theme="light"]{
  --bg:var(--cinza); --surface:var(--branco); --surface-2:var(--cinza-200);
  --text:var(--tinta); --text-2:var(--tinta-2); --text-muted:var(--muted);
  --border:var(--linha); --input-bg:var(--branco);
  --header-bg:var(--preto); --header-text:#fff; --header-muted:#aab4c3; --header-border:#1d1f25;
  --focus-ring:rgba(27,111,255,.18);
  --shadow:0 1px 2px rgba(14,17,22,.05), 0 4px 16px rgba(14,17,22,.05);
  --shadow-hover:0 2px 4px rgba(14,17,22,.06), 0 12px 28px rgba(14,17,22,.09);
  --grid:rgba(14,17,22,.06); --axis:#5b6572;
  --erro-bg:#fef2f2; --erro-bd:#fecaca; --erro-tx:#b91c1c;
}
[data-theme="dark"]{
  --bg:#0a0a0f; --surface:#111a2c; --surface-2:#0d1424;
  --text:#ffffff; --text-2:#c9d6f0; --text-muted:#8da7d8;
  --border:rgba(65,130,255,.18); --input-bg:#0d1424;
  --header-bg:#06070b; --header-text:#fff; --header-muted:#7fa7e6; --header-border:rgba(59,130,246,.16);
  --focus-ring:rgba(79,144,255,.25);
  --shadow:0 12px 30px rgba(0,0,0,.35);
  --shadow-hover:0 20px 45px rgba(0,0,0,.45), 0 0 30px rgba(0,132,255,.12);
  --grid:rgba(255,255,255,.05); --axis:#5a7ab5;
  --erro-bg:#1a0a0a; --erro-bd:#4a1a1a; --erro-tx:#ff6b6b;
}