/*
 * FLZR Brand Colors
 * -----------------
 * Aligns the app color scheme with the FLZR corporate identity (https://flzr.com).
 * Brand primary: #7B34EA (violet, per docs/corporate-design-manual-flzr.md — rgb(123, 52, 234)).
 * Hover/active: #5624A3 (CD manual "Violett Dunkel").
 *
 * This file overrides the Metronic 8 CSS variables and must be loaded
 * AFTER style.bundle.css / style.bundle.rtl.css.
 */

/* ============================================================
   Root fallback (Metronic defines --bs-primary in :root as well)
   ============================================================ */
:root {
  --bs-primary: #7B34EA;
  --bs-primary-rgb: 123, 52, 234;
}

/* ============================================================
   Light theme
   ============================================================ */
[data-bs-theme=light] {
  --bs-primary: #7B34EA;
  --bs-primary-active: #5624A3;
  --bs-primary-light: #F2EBFD;
  --bs-primary-inverse: #ffffff;
  --bs-primary-clarity: rgba(123, 52, 234, 0.2);
  --bs-primary-rgb: 123, 52, 234;
  --bs-text-primary: #7B34EA;
  --bs-component-active-bg: #7B34EA;
  --bs-component-hover-color: #7B34EA;
  --bs-component-checked-bg: #7B34EA;
  --bs-ribbon-label-bg: #7B34EA;
  --bs-ribbon-label-border-color: #180A2E;
}

/* ============================================================
   Dark theme
   ============================================================ */
[data-bs-theme=dark] {
  --bs-primary: #8B4DF0;
  --bs-primary-active: #9E6BF5;
  --bs-primary-light: #241738;
  --bs-primary-inverse: #ffffff;
  --bs-primary-clarity: rgba(139, 77, 240, 0.2);
  --bs-primary-rgb: 139, 77, 240;
  --bs-text-primary: #8B4DF0;
  --bs-component-active-bg: #8B4DF0;
  --bs-component-hover-color: #8B4DF0;
  --bs-component-checked-bg: #8B4DF0;
  --bs-ribbon-label-bg: #8B4DF0;
  --bs-ribbon-label-border-color: #5B21B6;
}

/* ============================================================
   Links (Bootstrap link variables are defined independently)
   ============================================================ */
[data-bs-theme=light] {
  --bs-link-color: #7B34EA;
  --bs-link-color-rgb: 123, 52, 234;
  --bs-link-hover-color: #5624A3;
  --bs-link-hover-color-rgb: 86, 36, 163;
}

[data-bs-theme=dark] {
  --bs-link-color: #8B4DF0;
  --bs-link-color-rgb: 139, 77, 240;
  --bs-link-hover-color: #9E6BF5;
  --bs-link-hover-color-rgb: 158, 107, 245;
}

/* ============================================================
   Form controls (checkboxes, radios, switches)
   ============================================================ */
.form-check-input:checked,
.form-check-input[type=checkbox]:indeterminate {
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
}

/* ============================================================
   Secondary brand accent (CD: FLZR turquoise #07BEB8)
   ============================================================ */
/* Accessibility (WCAG 2.1 AA): #07BEB8 as text on white reaches only 2.3:1.
   Therefore turquoise is used as a surface with dark text (9:1), while text
   usages fall back to the darkened variant #05807C (4.8:1 on white). */
.bg-flzr-accent {
  background-color: #07BEB8 !important;
  color: #180A2E !important;
}
.text-flzr-accent {
  color: #05807C !important;
}
[data-bs-theme=dark] .bg-flzr-accent {
  background-color: #35D3CE !important;
  color: #120822 !important;
}
[data-bs-theme=dark] .text-flzr-accent {
  color: #35D3CE !important;
}

/* ============================================================
   SweetAlert2 confirm buttons (Metronic styles them via .btn,
   this is a safety net for default swal2 styling)
   ============================================================ */
.swal2-styled.swal2-confirm {
  background-color: var(--bs-primary) !important;
}
.swal2-styled.swal2-confirm:hover,
.swal2-styled.swal2-confirm:focus {
  background-color: var(--bs-primary-active) !important;
}
.swal2-styled.swal2-confirm:focus {
  box-shadow: 0 0 0 3px rgba(var(--bs-primary-rgb), 0.5) !important;
}