/**
 * Custom Brand Theme for Financial Auditing Platform
 * Primary Color: #009e69
 *
 * This file overrides the Sneat template's default primary color (#696cff)
 * with our brand color #009e69 via CSS variables.
 */

:root,
[data-bs-theme=light],
[data-bs-theme=dark] {
  /* Primary Color Override */
  --bs-primary: #009e69 !important;
  --bs-primary-rgb: 0, 158, 105 !important;

  /* Primary Background Subtle (for labels, active states) */
  --bs-primary-bg-subtle: rgba(0, 158, 105, 0.16) !important;

  /* Primary Border Subtle */
  --bs-primary-border-subtle: rgba(0, 158, 105, 0.4) !important;
}

/* Button Primary - hover/active need explicit darker shades */
.btn-primary:hover,
.btn-primary:focus {
  background-color: #008a5d !important;
  border-color: #008a5d !important;
}

.btn-primary:active,
.btn-primary.active {
  background-color: #007a52 !important;
  border-color: #007a52 !important;
}

/* Sneat-specific label badge pattern */
.badge.bg-label-primary {
  background-color: rgba(0, 158, 105, 0.16) !important;
  color: #009e69 !important;
}

/* DataTables - third-party library doesn't use CSS variables */
.dataTables_wrapper .dataTables_paginate .paginate_button.current {
  background: #009e69 !important;
  border-color: #009e69 !important;
}