/* ============================================================
   Cessio — Design tokens
   Mesa de recebíveis: navy institucional, verde do Real,
   âmbar de carimbo "em análise", vermelho de recusa, papel.
   ============================================================ */

:root {
  /* --- Cores do domínio --- */
  --navy-ink: #0F2A4A;       /* primária institucional */
  --navy-deep: #0A1F38;      /* topo / áreas escuras */
  --navy-soft: #1C3D63;      /* hover de elementos navy */
  --navy-wash: #EAF0F7;      /* fundo de destaque navy clarinho */

  --real-green: #1B8A5A;     /* valores positivos / oferta vencedora */
  --real-green-deep: #157049;
  --real-green-wash: #E7F4EE;

  --pending-amber: #B9740C;  /* em análise / pendência / oferta única */
  --pending-amber-wash: #FBF1E0;

  --recusa-red: #C0392B;     /* recusa / cancelado / fim de prazo */
  --recusa-red-wash: #FBEBE9;

  /* --- Neutros / superfícies (layering sussurrado) --- */
  --paper: #F5F6F9;          /* fundo da aplicação (tom papel) */
  --surface: #FFFFFF;        /* cards e painéis */
  --surface-sunken: #FAFBFC; /* zonas recuadas (heads de tabela) */
  --surface-raised: #FFFFFF; /* cards elevados (+ sombra) */

  --border-hairline: #E6E9EE;
  --border-strong: #D2D8E0;

  --ink: #15202E;            /* texto primário */
  --ink-2: #3A4860;          /* texto secundário */
  --ink-muted: #5C6B82;      /* labels / metadados */
  --ink-faint: #8A97AB;      /* placeholders / disabled */

  /* --- Tipografia --- */
  --font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Helvetica, Arial, sans-serif;
  --font-num: "Inter", ui-sans-serif, system-ui, sans-serif;

  /* --- Espaçamento (base 4px) --- */
  --s-1: 4px;
  --s-2: 8px;
  --s-3: 12px;
  --s-4: 16px;
  --s-5: 24px;
  --s-6: 32px;
  --s-7: 48px;
  --s-8: 64px;

  /* --- Raio --- */
  --r-sm: 6px;
  --r-md: 8px;
  --r-lg: 12px;
  --r-pill: 999px;

  /* --- Depth (sombra-sussurro só em cards elevados) --- */
  --shadow-raise: 0 1px 2px rgba(15, 42, 74, 0.04),
    0 4px 16px rgba(15, 42, 74, 0.06);
  --shadow-pop: 0 8px 28px rgba(15, 42, 74, 0.14);

  /* --- Layout --- */
  --sidebar-w: 248px;
  --topbar-h: 60px;
  --content-max: 1240px;

  /* --- Transição --- */
  --t-fast: 130ms cubic-bezier(0.4, 0, 0.2, 1);
}