/* Suíte VAX — Gestão de Mão de Obra */

:root {
  --suite-graphite: #2F3136;
  --suite-graphite-hover: #3A3D42;
  --mo-navy: var(--suite-graphite);
  --mo-navy-hover: var(--suite-graphite-hover);

  --suite-glass-bg: rgba(255, 255, 255, 0.72);
  --suite-glass-border: rgba(47, 49, 54, 0.08);
  --suite-glass-blur: 20px;
  --suite-glass-highlight: rgba(255, 255, 255, 0.95);
  --suite-glass-shadow: 0 1px 0 rgba(47, 49, 54, 0.04);

  --mo-primary: #163856;
  --mo-primary-soft: rgba(22, 56, 86, 0.12);
  --mo-primary-soft-end: rgba(22, 56, 86, 0.04);
  --mo-primary-ring: rgba(22, 56, 86, 0.28);

  --nav-bg: var(--suite-glass-bg);
  --nav-border: var(--suite-glass-border);
  --nav-text: var(--mo-text-muted);
  --nav-text-strong: var(--mo-text);
  --nav-active-bg: var(--mo-primary-soft);
  --nav-active-text: #163856;
  --nav-hover-bg: rgba(22, 56, 86, 0.05);
  --sb-w: 216px;
  --sb-bg: var(--nav-bg);
  --sb-accent: var(--mo-primary);
  --mo-surface: rgba(22, 56, 86, 0.04);
  --mo-border: #dde4ec;
  --mo-hover: var(--nav-hover-bg);

  --azul: #163856;
  --azul2: #1B5270;
  --azul3: #0F2D42;
  --fundo: #eef2f5;
  --borda: #dde4ec;
  --mo-bg-hover: #e8eef3;
  --mo-bg-active: #ECEEF1;
  --mo-surface-card: #FFFFFF;
  --surface-card: #FFFFFF;
  --surface-panel: #FFFFFF;
  --border-subtle: var(--borda);
  --shadow-card: 0 1px 2px rgba(47, 49, 54, 0.04), 0 4px 16px rgba(47, 49, 54, 0.04);
  --card-radius: 12px;
  --verde: #27ae60;
  --verm: #c0392b;
  --sombra: var(--shadow-card);

  /* Chart palette — Chart.js reads via moChartPalette() */
  --chart-primary: var(--azul);
  --chart-accent: var(--azul2);
  --chart-deep: var(--azul3);
  --chart-success: var(--verde);
  --chart-error: var(--verm);
  --chart-warning: #e67e22;
  --chart-teal: #16a085;
  --chart-purple: #8e44ad;
  --chart-muted: #95a5a6;
  --chart-amber: #f39c12;
  --chart-grid: #f0f3f7;
  --chart-tick-muted: #8898aa;
  --chart-tick: #68788c;
  --chart-border: #e5e7eb;
  --chart-fill-primary: rgba(22, 56, 86, 0.08);
  --chart-fill-accent: rgba(27, 82, 112, 0.08);
  --chart-label-on-light: var(--mo-text);
  --chart-label-on-dark: #ffffff;
  --od-meta-line: color-mix(in srgb, var(--chart-warning) 50%, var(--mo-primary));

  --mo-text: #2F3136;
  --mo-text-muted: #6D7278;
  --mo-input-border: #c8d2de;
  --mo-warning-text: #7a5c00;

  /* Status surfaces — KPIs, badges, painéis operação diária */
  --status-success-bg: #e8f8ef;
  --status-success-text: #1a7a43;
  --status-success-text-strong: #1d6b35;
  --status-warning-bg: #fef5e7;
  --status-warning-bg-soft: #fff4e0;
  --status-warning-text: #d68910;
  --status-warning-text-dark: #9c640c;
  --status-warning-border: #fdebd0;
  --status-warning-border-soft: #f9e4b8;
  --status-warning-text-muted: #b7791f;
  --status-warning-empty: #b8956a;
  --status-error-bg: #fdecea;
  --status-error-text: #922b21;
  --status-error-border: #f5c6cb;
  --status-error-surface: #fff5f5;
  --status-error-surface-hover: #fef5f5;
  --status-error-text-muted: #b97777;
  --surface-table-head: #f4f8fd;
  --surface-row-alt: #fbfdff;
  --surface-row-hover: #f1f7ff;
  --surface-link-hover: #f4f8fd;
  --surface-neutral-soft: #eef4fa;
  --surface-pill: #eef2f5;
  --surface-pill-hover: #e8eef3;
  --border-table: #dbe4ee;
  --border-table-accent: #dbeafe;
  --border-row: #edf1f5;
  --bar-track: #e6edf5;
  --kpi-bar-track: #edf0f4;
  --text-strong: #1d2733;
  --text-heading: #203047;
  --text-table-muted: #4b5c70;
  --text-table-head: #5a6a7e;

  --suite-duration-fast: 150ms;
  --suite-duration-normal: 220ms;
  --suite-duration-slow: 300ms;
  --mo-duration-fast: var(--suite-duration-fast);
  --mo-duration-medium: var(--suite-duration-normal);
  --mo-duration-slow: var(--suite-duration-slow);
  --mo-ease-standard: cubic-bezier(0.4, 0, 0.2, 1);
  --mo-ease-out: cubic-bezier(0, 0, 0.2, 1);
  --mo-ease-in: cubic-bezier(0.4, 0, 1, 1);
  --mo-enter-y: 6px;
  --mo-page-exit-y: -3px;
  --mo-modal-scale: 0.98;
  --suite-press-scale: 0.985;
}