/* ============================================================================
 * Central de Comunicações Operacionais — VARIÁVEIS DE TEMA
 * Tema claro corporativo. Edite aqui para retematizar toda a plataforma.
 * ========================================================================== */

:root {
  /* Paleta institucional */
  --background-main: #f3f6f9;
  --background-panel: #ffffff;
  --background-muted: #edf2f6;

  --primary-dark: #17324d;
  --primary: #235b83;
  --primary-light: #dbeaf4;

  --text-main: #1c2733;
  --text-secondary: #607080;
  --border: #d7e0e8;

  --success: #16865b;
  --warning: #d89316;
  --danger: #c94040;
  --maintenance: #7252b5;
  --info: #2676a8;

  --critical: #a82828;
  --restricted: #bb7411;
  --ready: #16865b;
  --degraded: #d97a16;

  /* Fundos suaves por status */
  --ready-bg: #e5f4ed;
  --restricted-bg: #fcf3e2;
  --degraded-bg: #fdefe0;
  --critical-bg: #f9e8e8;
  --maintenance-bg: #efe9fb;
  --info-bg: #e4f0f8;

  /* Forma e sombra */
  --radius: 10px;
  --radius-sm: 7px;
  --shadow: 0 1px 3px rgba(23, 50, 77, 0.08), 0 4px 14px rgba(23, 50, 77, 0.06);
  --shadow-lg: 0 8px 28px rgba(23, 50, 77, 0.16);

  /* Tipografia */
  --font: "Inter", "Roboto", "Source Sans 3", "Segoe UI", system-ui, sans-serif;

  /* Métricas de layout */
  --banner-h: 26px;
  --header-h: 56px;
  --kpi-h: 76px;
  --footer-h: 30px;
  --nav-w: 216px;
  --sidebar-w: 316px;
  --detail-w: 400px;
}