/**
 * EventoX global theme
 * - Font: Poppins only (UI text)
 * - Primary: #fd1d3d
 * - Neutrals / status: Bootstrap theme tokens
 * Load this AFTER bootstrap / adminlte / panel CSS.
 */

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800;900&display=swap');

:root,
[data-bs-theme="light"] {
  --brand-primary: #fd1d3d;
  --brand-primary-rgb: 253, 29, 61;
  --brand-primary-hover: #d4182f;

  /* Legacy project tokens → brand primary */
  --primary-blue: #fd1d3d;
  --accent-red: #fd1d3d;
  --color-primary: #fd1d3d;
  --color-secondary: #fd1d3d;
  --color-accent: #198754; /* Bootstrap success */
  --op-blue: #fd1d3d;
  --clr: #fd1d3d;
  --clr-deeper: #d4182f;

  /* Bootstrap 5 primary theme */
  --bs-primary: #fd1d3d;
  --bs-primary-rgb: 253, 29, 61;
  --bs-primary-text-emphasis: #9f1226;
  --bs-primary-bg-subtle: #ffe4e8;
  --bs-primary-border-subtle: #ffb3be;
  --bs-link-color: #fd1d3d;
  --bs-link-hover-color: #d4182f;
  --bs-link-color-rgb: 253, 29, 61;
  --bs-focus-ring-color: rgba(253, 29, 61, 0.25);

  /* Typography */
  --bs-font-sans-serif: 'Poppins', system-ui, -apple-system, sans-serif;
  --bs-body-font-family: var(--bs-font-sans-serif);
}

html,
body {
  font-family: 'Poppins', system-ui, -apple-system, sans-serif !important;
}

body,
button,
input,
select,
textarea,
.btn,
.form-control,
.form-select,
.nav-link,
.dropdown-menu,
.dropdown-item,
.modal,
.card,
.table,
.breadcrumb,
.page-link,
.alert,
.badge,
.swal2-popup,
.logo-text,
.brand,
.brand-text,
.ae-input,
.ae-btn-next,
.ae-btn-cancel {
  font-family: 'Poppins', system-ui, -apple-system, sans-serif !important;
}

/* Keep icon fonts intact (do not inherit Poppins) */
.fa,
.fas,
.far,
.fal,
.fa-solid,
.fa-regular {
  font-family: 'Font Awesome 5 Free' !important;
}
.fab,
.fa-brands {
  font-family: 'Font Awesome 5 Brands' !important;
}
.bi {
  font-family: 'bootstrap-icons' !important;
}

/* Bootstrap primary buttons (AdminLTE / BS overrides) */
.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #fd1d3d;
  --bs-btn-border-color: #fd1d3d;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #d4182f;
  --bs-btn-hover-border-color: #d4182f;
  --bs-btn-focus-shadow-rgb: 253, 29, 61;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #c0152a;
  --bs-btn-active-border-color: #c0152a;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #fd1d3d;
  --bs-btn-disabled-border-color: #fd1d3d;
}

.btn-outline-primary {
  --bs-btn-color: #fd1d3d;
  --bs-btn-border-color: #fd1d3d;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #fd1d3d;
  --bs-btn-hover-border-color: #fd1d3d;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #fd1d3d;
  --bs-btn-active-border-color: #fd1d3d;
  --bs-btn-disabled-color: #fd1d3d;
  --bs-btn-disabled-border-color: #fd1d3d;
}

/* Soften hard-coded old blue hover */
.app-sidebar .nav-link:hover {
  background-color: rgba(253, 29, 61, 0.1);
  color: #fd1d3d;
}

.search-wrapper input:focus {
  box-shadow: 0 0 8px rgba(253, 29, 61, 0.2);
}

/* Pagination / nav already use vars in styles.css; reinforce BS active */
.page-item.active .page-link,
.nav-pills .nav-link.active {
  --bs-pagination-active-bg: #fd1d3d;
  --bs-pagination-active-border-color: #fd1d3d;
}

/* Keyboard focus ring in the brand colour. Bootstrap draws these in its own blue, which is not a colour of
   this site. (After a mouse click the ring is removed by evx-focus.js; with Tab it shows and stays.) */
.nav-link:focus-visible,
.btn-close:focus,
.page-link:focus,
.dropdown-item:focus-visible,
.accordion-button:focus,
.form-check-input:focus,
.form-range:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 .2rem rgba(253, 29, 61, .25);
}
.form-check-input:focus { border-color: #ffb3be; }
a:focus-visible,
button:focus-visible,
[role="button"]:focus-visible,
summary:focus-visible { outline-color: rgba(253, 29, 61, .55); }