/* Suíte VAX — Verificação de Qualidade */

: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: 10px;
  --nav-bg-solid: rgba(255, 255, 255, 0.92);
  --suite-glass-highlight: rgba(255, 255, 255, 0.95);
  --suite-glass-shadow: 0 1px 0 rgba(47, 49, 54, 0.04);

  --mo-primary: #7B1E2B;
  --mo-primary-soft: rgba(123, 30, 43, 0.12);
  --mo-primary-soft-end: rgba(123, 30, 43, 0.04);
  --mo-primary-ring: rgba(123, 30, 43, 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: #7B1E2B;
  --nav-hover-bg: rgba(123, 30, 43, 0.04);
  --sb-w: 216px;
  --sb-bg: var(--nav-bg);
  --sb-accent: var(--mo-primary);
  --mo-surface: rgba(123, 30, 43, 0.04);
  --mo-border: #E7E8EA;
  --mo-hover: var(--nav-hover-bg);

  --azul: #7B1E2B;
  --azul2: #942534;
  --azul3: #631825;
  --fundo: #F5F6F8;
  --borda: #E7E8EA;
  --mo-bg-hover: #F8F0F1;
  --mo-bg-active: #F0F1F3;
  --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);

  --mo-text: #2F3136;
  --mo-text-muted: #6D7278;
  --mo-input-border: #E7E8EA;

  --suite-badge-info-bg: #F8F0F1;
  --suite-badge-info-text: #7B1E2B;

  --suite-duration-fast: 80ms;
  --suite-duration-normal: 120ms;
  --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: 8px;
  --mo-page-exit-y: -4px;
  --mo-modal-scale: 0.98;
  --suite-press-scale: 0.985;
}
