/* Identidade TM2 Group: azul do simbolo (degrade) + grafite do logotipo.
   Toda cor/espaco/raio do portal sai daqui. */
:root {
  --brand-1: #0098d4;
  --brand-2: #0062b0;
  --brand-grad: linear-gradient(180deg, var(--brand-1), var(--brand-2));
  --ink: #2f3236;

  --bg: #f3f6f9;
  --bg-elev: #f8fafc;
  --surface: #ffffff;
  --border: #e1e7ee;
  --border-strong: #c9d3de;
  --text: #24282d;
  --text-dim: #66707c;
  --text-faint: #8c96a2;

  --accent: #0077c2;
  --accent-hover: #0062b0;
  --accent-soft: #e6f3fb;
  --accent-ring: rgba(0, 119, 194, .22);

  --success: #1f9d55;
  --success-soft: #e7f6ee;
  --danger: #d23f3f;
  --danger-soft: #fdecec;
  --warning: #b7791f;
  --warning-soft: #fdf4e3;
  --info: #4a6ee0;
  --info-soft: #edf1fd;

  /* Cores por setor */
  --setor-dp: #0077c2;
  --setor-fiscal: #7a4fd6;
  --setor-contabil: #138a72;

  --font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --fs-xs: 12px;
  --fs-sm: 13px;
  --fs-base: 14px;
  --fs-lg: 16px;
  --fs-xl: 20px;
  --fs-2xl: 26px;

  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 32px;

  --radius: 12px;
  --radius-sm: 8px;
  --radius-lg: 16px;
  --shadow: 0 1px 2px rgba(16, 24, 40, .05), 0 1px 3px rgba(16, 24, 40, .06);
  --shadow-lg: 0 12px 32px rgba(16, 24, 40, .12);

  --sidebar-w: 248px;
  --topbar-h: 60px;
}