/* SOMA — Design tokens únicos (app.css e admin.css)
   Identidade Falcão: preto, vermelho, branco e cinzas neutros.
   Preto = estrutura e ação principal · Vermelho = marca, foco e destaque pontual
   Verde/âmbar = apenas estados operacionais (OK / atenção). */
:root{
  /* ---- Marca ---- */
  --brand-black:#111113;
  --brand-black-2:#1c1c20;
  --red:#d7161f;
  --red-dark:#a90f16;
  --red-bg:#fdecec;

  /* nomes legados (mantidos para não quebrar o CSS existente) */
  --navy:var(--brand-black);
  --navy-dark:#000;
  --blue:var(--brand-black-2);
  --accent:var(--red);
  --violet:var(--gray-700);
  --teal:var(--gray-600);

  /* ---- Escala neutra ---- */
  --gray-900:#141416;
  --gray-800:#1f1f23;
  --gray-700:#2d2d32;
  --gray-600:#44444b;
  --gray-500:#62626b;
  --gray-400:#85858e;
  --gray-300:#aeaeb6;
  --gray-200:#d6d6db;
  --gray-100:#e9e9ec;
  --gray-050:#f5f5f6;

  --ink:var(--gray-900);
  --muted:var(--gray-500);
  --line:#dcdce0;
  --bg:#f2f2f3;
  --white:#ffffff;
  --surface:#ffffff;

  /* ---- Estados ---- */
  --ok:#0f7a43;
  --ok-dark:#0b5f34;
  --ok-bg:#e7f4ed;
  --warn:#a35f00;
  --warn-bg:#fcf1de;
  --danger:#c4121a;
  --danger-dark:#8f0d13;
  --danger-bg:#fdecec;
  --info:var(--gray-600);
  --info-bg:#efeff1;

  /* ---- Espaçamento ---- */
  --space-1:4px;
  --space-2:8px;
  --space-3:12px;
  --space-4:16px;
  --space-5:20px;
  --space-6:24px;
  --space-8:32px;

  /* ---- Raio: cantos discretos, visual técnico ---- */
  --radius:8px;
  --radius-sm:5px;
  --radius-lg:12px;

  /* ---- Sombras neutras ---- */
  --shadow:0 1px 2px rgba(17,17,19,.06);
  --shadow-md:0 2px 8px rgba(17,17,19,.08);
  --shadow-lg:0 12px 32px rgba(17,17,19,.18);

  /* ---- Tipografia ---- */
  --font-sans:"Segoe UI",system-ui,-apple-system,BlinkMacSystemFont,Roboto,"Helvetica Neue",Arial,sans-serif;
  --font-mono:ui-monospace,"Cascadia Mono","SFMono-Regular",Consolas,"Liberation Mono",monospace;
  --mono:var(--font-mono);

  --safe-top:env(safe-area-inset-top,0px);
  --safe-bottom:env(safe-area-inset-bottom,0px);
}