/* ==========================================================================
   SISTEMA DE CORES PADRONIZADO - LIGHT E DARK MODE
   ========================================================================== */

/* ==================== LIGHT THEME VARIABLES ==================== */
[data-bs-theme='light'],
.light-style {
  /* Cores de fundo */
  --bg-body: #f5f5f9;
  --bg-surface: #ffffff;
  --bg-surface-alt: #f8f9fa;
  --bg-hover: #f5f5f9;
  --bg-active: #e9ecef;

  /* Cores de texto */
  --text-primary: #566a7f;
  --text-secondary: #697a8d;
  --text-muted: #a1acb8;
  --text-inverse: #ffffff;

  /* Cores de borda */
  --border-color: #d9dee3;
  --border-color-light: #e7e7e7;
  --border-color-dark: #c5cbd3;

  /* Elementos de formulário */
  --input-bg: #ffffff;
  --input-border: #d9dee3;
  --input-text: #566a7f;
  --input-placeholder: #a1acb8;
  --input-focus-border: #696cff;
  --input-focus-shadow: rgba(105, 108, 255, 0.25);

  /* Cards e containers */
  --card-bg: #ffffff;
  --card-border: #e7e7e7;
  --card-header-bg: #f8f9fa;
  --card-text: #566a7f;
  --info-card-bg: #ffffff;
  --info-card-border: #d9dee3;

  /* Tabelas */
  --table-bg: transparent;
  --table-border: #e7e7e7;
  --table-text: #566a7f;
  --table-hover-bg: #f5f5f9;
  --table-stripe-bg: #fafafa;

  /* Navbar e menu */
  --navbar-bg: #ffffff;
  --navbar-text: #566a7f;
  --navbar-hover-bg: #f5f5f9;
  --navbar-active-bg: #e9ecef;
  --navbar-border: #e7e7e7;

  /* Dropdown */
  --dropdown-bg: #ffffff;
  --dropdown-border: #d9dee3;
  --dropdown-text: #566a7f;
  --dropdown-hover-bg: #f5f5f9;
  --dropdown-hover-text: #566a7f;

  /* Modal */
  --modal-bg: #ffffff;
  --modal-header-bg: #f8f9fa;
  --modal-border: #d9dee3;

  /* Badges */
  --badge-primary-bg: #696cff;
  --badge-primary-text: #ffffff;
  --badge-secondary-bg: #8592a3;
  --badge-secondary-text: #ffffff;

  /* Shadows */
  --shadow-sm: 0 0.125rem 0.25rem rgba(161, 172, 184, 0.15);
  --shadow-md: 0 0.25rem 0.5rem rgba(161, 172, 184, 0.2);
  --shadow-lg: 0 0.5rem 1rem rgba(161, 172, 184, 0.25);
}

/* ==================== DARK THEME VARIABLES ==================== */
[data-bs-theme='dark'],
.dark-style {
  /* Cores de fundo */
  --bg-body: #161d27;
  --bg-surface: #2f3c4e;
  --bg-surface-alt: #2a3847;
  --bg-hover: #3d4d5f;
  --bg-active: #455870;

  /* Cores de texto */
  --text-primary: #d5dde7;
  --text-secondary: #c7d0dd;
  --text-muted: #8694a6;
  --text-inverse: #233446;

  /* Cores de borda */
  --border-color: #3d4d5f;
  --border-color-light: #354759;
  --border-color-dark: #4a5d73;

  /* Elementos de formulário */
  --input-bg: #313951;
  --input-border: #444c63;
  --input-text: #b4bdc6;
  --input-placeholder: #8694a6;
  --input-focus-border: #696cff;
  --input-focus-shadow: rgba(105, 108, 255, 0.35);

  /* Cards e containers */
  --card-bg: #2f3c4e;
  --card-border: #3d4d5f;
  --card-header-bg: #2a3847;
  --card-text: #c7d0dd;
  --info-card-bg: #2f3c4e;
  --info-card-border: #4a5d73;

  /* Tabelas */
  --table-bg: transparent;
  --table-border: #3d4d5f;
  --table-text: #c7d0dd;
  --table-hover-bg: #3d4d5f;
  --table-stripe-bg: #2a3847;

  /* Navbar e menu */
  --navbar-bg: #2f3c4e;
  --navbar-text: #c7d0dd;
  --navbar-hover-bg: #3d4d5f;
  --navbar-active-bg: #455870;
  --navbar-border: #3d4d5f;

  /* Dropdown */
  --dropdown-bg: #2f3c4e;
  --dropdown-border: #3d4d5f;
  --dropdown-text: #c7d0dd;
  --dropdown-hover-bg: #3d4d5f;
  --dropdown-hover-text: #ffffff;

  /* Modal */
  --modal-bg: #2f3c4e;
  --modal-header-bg: #2a3847;
  --modal-border: #3d4d5f;

  /* Badges */
  --badge-primary-bg: #696cff;
  --badge-primary-text: #ffffff;
  --badge-secondary-bg: #6c757d;
  --badge-secondary-text: #ffffff;

  /* Shadows */
  --shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.3);
  --shadow-md: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.4);
  --shadow-lg: 0 0.5rem 1rem rgba(0, 0, 0, 0.5);
}

/* ==================== FORCE THEME ON MOBILE ==================== */
/* Prevenir que o dark mode do sistema sobrescreva as escolhas do usuário */
@media (prefers-color-scheme: dark) {
  html[data-bs-theme='light'],
  html.light-style {
    color-scheme: light !important;
  }
}

@media (prefers-color-scheme: light) {
  html[data-bs-theme='dark'],
  html.dark-style {
    color-scheme: dark !important;
  }
}