/* -------------------------------------------------------------------------- */
/*                           Custom Primary Color (Red)                       */
/* -------------------------------------------------------------------------- */
:root,
[data-bs-theme="light"] {
  --falcon-blue: #e53935;
  --falcon-primary: #e53935;
  --falcon-primary-rgb: 229, 57, 53;
  --falcon-primary-text-emphasis: #b71c1c;
  --falcon-primary-bg-subtle: #ffebee;
  --falcon-primary-border-subtle: #ef9a9a;
  --falcon-link-color: #e53935;
  --falcon-link-color-rgb: 229, 57, 53;
  --falcon-link-hover-color: #c62828;
  --falcon-btn-falcon-primary-color: #e53935;
  --falcon-btn-falcon-primary-hover-color: #c62828;
  --falcon-btn-falcon-primary-active-background: #ffcdd2;
  --falcon-btn-falcon-primary-active-color: #c62828;
  --falcon-input-focus-border-color-global: #ef9a9a;
  --falcon-navbar-vertical-default-link-active-color: #e53935;
  --falcon-navbar-vertical-card-link-active-color: #e53935;
  --falcon-alert-link-color: #e53935;
  /* Gradients */
  --falcon-card-gradient: linear-gradient(-45deg, #c62828, #e53935);
  --falcon-bg-shape-bg: #e53935;
  --falcon-bg-shape-bg-ltd: linear-gradient(45deg, #ef5350, #c62828);
  --falcon-bg-shape-bg-dtl: linear-gradient(-45deg, #c62828, #ef5350);
  --falcon-line-chart-gradient: linear-gradient(-45deg, #b71c1c, #e53935);
  --falcon-progress-gradient: linear-gradient(-45deg, #c62828, #ef5350);
  --falcon-bg-circle-shape-bg: #ef5350;
}

[data-bs-theme="dark"] {
  --falcon-primary: #e53935;
  --falcon-primary-rgb: 229, 57, 53;
  --falcon-primary-text-emphasis: #ef9a9a;
  --falcon-primary-bg-subtle: #4a1515;
  --falcon-primary-border-subtle: #7a2020;
  --falcon-link-color: #e53935;
  --falcon-link-hover-color: #ef5350;
  --falcon-btn-falcon-primary-color: #e53935;
  --falcon-btn-falcon-primary-hover-color: #ef5350;
  --falcon-btn-falcon-primary-active-background: #3d1010;
  --falcon-btn-falcon-primary-active-color: #ef5350;
  --falcon-navbar-vertical-default-link-active-color: #e53935;
  /* Dark mode gradients */
  --falcon-card-gradient: linear-gradient(45deg, #4a1515, #7a2020);
  --falcon-bg-shape-bg-dtl: linear-gradient(-45deg, #4a1515, rgba(74, 21, 21, 0.41));
  --falcon-line-chart-gradient: linear-gradient(45deg, #3d1010, #4a1515);
  --falcon-bg-circle-shape: linear-gradient(-45deg, rgba(74, 21, 21, 0.41), #4a1515);
  --falcon-bg-circle-shape-bg: #ef5350;
}

/* Override hardcoded blue colors */
.form-check-input:checked {
  background-color: #e53935 !important;
  border-color: #e53935 !important;
}

.btn-outline-primary {
  --falcon-btn-color: #e53935;
  --falcon-btn-border-color: #e53935;
  --falcon-btn-hover-bg: #e53935;
  --falcon-btn-hover-border-color: #e53935;
  --falcon-btn-active-bg: #e53935;
  --falcon-btn-active-border-color: #e53935;
  --falcon-btn-disabled-color: #e53935;
  --falcon-btn-disabled-border-color: #e53935;
}

.btn-primary {
  --falcon-btn-bg: #e53935;
  --falcon-btn-border-color: #e53935;
  --falcon-btn-hover-bg: #c62828;
  --falcon-btn-hover-border-color: #c62828;
  --falcon-btn-active-bg: #b71c1c;
  --falcon-btn-active-border-color: #b71c1c;
  --falcon-btn-disabled-bg: #e53935;
  --falcon-btn-disabled-border-color: #e53935;
}

.text-primary {
  color: #e53935 !important;
}

.bg-primary {
  background-color: #e53935 !important;
}

.bg-primary-subtle {
  background-color: #ffebee !important;
}

.settings-panel-header,
.bg-shape {
  background: linear-gradient(135deg, #e53935 0%, #c62828 100%) !important;
}

.setting-toggle svg path {
  fill: #e53935 !important;
}

/* -------------------------------------------------------------------------- */
/*                                Falcon Button                               */
/* -------------------------------------------------------------------------- */
/* prettier-ignore */