/**
 * Q11IT Default Theme (claro) — alinhado ao mock institucional
 */

.theme-default {
  --q11-bg-primary: #f9fafb;
  --q11-bg-secondary: #f3f4f6;
  --q11-bg-tertiary: #e5e7eb;

  --q11-sidebar-logo-collapsed-size: 40px;
  --q11-sidebar-collapsed-width: 80px;

  --q11-text-primary: #111827;
  --q11-text-secondary: #4b5563;
  --q11-text-muted: #6b7280;

  --q11-accent: #3b82f6;
  --q11-accent-hover: #2563eb;
  --q11-sidebar-toggle-bg: var(--q11-bg-secondary);
  --q11-sidebar-toggle-bg-hover: var(--q11-bg-tertiary);
  --q11-sidebar-toggle-border: var(--q11-border);
  --q11-sidebar-toggle-color: var(--q11-accent);
  --q11-sidebar-toggle-color-hover: var(--q11-accent-hover);

  --q11-border: #e5e7eb;
  --q11-border-focus: #3b82f6;

  --q11-card-bg: #ffffff;
  --q11-card-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);

  --q11-nav-bg: rgba(255, 255, 255, 0.6);
  --q11-nav-border: rgba(229, 231, 235, 1);
  --q11-glass-bg: rgba(120, 120, 120, 0.05);
  --q11-glass-border: rgba(120, 120, 120, 0.1);
  --q11-glass-hover-bg: rgba(0, 0, 0, 0.05);
  --q11-glass-hover-border: rgba(0, 0, 0, 0.1);

  --q11-toast-success-bg: #d4edda;
  --q11-toast-success-color: #155724;
  --q11-toast-warning-bg: #fff3cd;
  --q11-toast-warning-color: #856404;
  --q11-toast-error-bg: #f8d7da;
  --q11-toast-error-color: #721c24;
  --q11-toast-info-bg: #d1ecf1;
  --q11-toast-info-color: #0c5460;
}

.theme-default ion-header.header-md {
  box-shadow: none;
}

.theme-default ion-header ion-toolbar {
  --border-width: 0;
}

.theme-default .shell-logo-img {
  height: 130px;
}
.theme-default .shell-header-logo-mobile {
  margin-right: 20px;
}
.theme-default .shell-header-logo-mobile q11-logo {
  height: 36px;
}