:root, [data-bs-theme=light] {
  /* Palette */
  --ar-primary: #316AB3;
  --ar-primary-rgb: 49, 106, 179;
  --ar-accent: #BA7517;
  --ar-accent-rgb: 186, 117, 23;
  --ar-info: #3B82C4;
  --ar-info-rgb: 59, 130, 196;
  --ar-warning: #E6A23C;
  --ar-warning-rgb: 230, 162, 60;
  --ar-success: #22A06B;
  --ar-success-rgb: 34, 160, 107;
  --ar-danger: #D64545;
  --ar-danger-rgb: 214, 69, 69;
  --ar-link-color: #316AB3;
  --ar-link-hover-color: #18519a;

  /* Page background — light mode */
  --ar-body-bg: #EEEEEE;
  --ar-body-bg-rgb: 238, 238, 238;
}

[data-bs-theme=dark] {
  /* Page background — dark mode */
  --ar-body-bg: #333333;
  --ar-body-bg-rgb: 51, 51, 51;
}

.btn-primary {
  --ar-btn-bg: #316AB3;
  --ar-btn-border-color: #316AB3;
  --ar-btn-hover-bg: #18519a;
  --ar-btn-hover-border-color: #18519a;
  --ar-btn-active-bg: #18519a;
  --ar-btn-active-border-color: #18519a;
  --ar-btn-disabled-bg: #316AB3;
  --ar-btn-disabled-border-color: #316AB3;
}

.btn-warning {
  --ar-btn-bg: #E6A23C;
  --ar-btn-border-color: #E6A23C;
  --ar-btn-hover-bg: #cd8923;
  --ar-btn-hover-border-color: #cd8923;
  --ar-btn-active-bg: #cd8923;
  --ar-btn-active-border-color: #cd8923;
  --ar-btn-disabled-bg: #E6A23C;
  --ar-btn-disabled-border-color: #E6A23C;
}

.btn-info {
  --ar-btn-bg: #3B82C4;
  --ar-btn-border-color: #3B82C4;
  --ar-btn-hover-bg: #2269ab;
  --ar-btn-hover-border-color: #2269ab;
  --ar-btn-active-bg: #2269ab;
  --ar-btn-active-border-color: #2269ab;
  --ar-btn-disabled-bg: #3B82C4;
  --ar-btn-disabled-border-color: #3B82C4;
}

.btn-success {
  --ar-btn-bg: #22A06B;
  --ar-btn-border-color: #22A06B;
  --ar-btn-hover-bg: #098752;
  --ar-btn-hover-border-color: #098752;
  --ar-btn-active-bg: #098752;
  --ar-btn-active-border-color: #098752;
  --ar-btn-disabled-bg: #22A06B;
  --ar-btn-disabled-border-color: #22A06B;
}

.btn-danger {
  --ar-btn-bg: #D64545;
  --ar-btn-border-color: #D64545;
  --ar-btn-hover-bg: #bd2c2c;
  --ar-btn-hover-border-color: #bd2c2c;
  --ar-btn-active-bg: #bd2c2c;
  --ar-btn-active-border-color: #bd2c2c;
  --ar-btn-disabled-bg: #D64545;
  --ar-btn-disabled-border-color: #D64545;
}

.btn-outline-primary {
  --ar-btn-color: #316AB3;
  --ar-btn-border-color: #316AB3;
  --ar-btn-hover-bg: #316AB3;
  --ar-btn-hover-border-color: #316AB3;
  --ar-btn-active-bg: #316AB3;
  --ar-btn-active-border-color: #316AB3;
  --ar-btn-disabled-color: #316AB3;
  --ar-btn-disabled-border-color: #316AB3;
}

.btn-outline-warning {
  --ar-btn-color: #E6A23C;
  --ar-btn-border-color: #E6A23C;
  --ar-btn-hover-bg: #E6A23C;
  --ar-btn-hover-border-color: #E6A23C;
  --ar-btn-active-bg: #E6A23C;
  --ar-btn-active-border-color: #E6A23C;
  --ar-btn-disabled-color: #E6A23C;
  --ar-btn-disabled-border-color: #E6A23C;
}

.btn-outline-info {
  --ar-btn-color: #3B82C4;
  --ar-btn-border-color: #3B82C4;
  --ar-btn-hover-bg: #3B82C4;
  --ar-btn-hover-border-color: #3B82C4;
  --ar-btn-active-bg: #3B82C4;
  --ar-btn-active-border-color: #3B82C4;
  --ar-btn-disabled-color: #3B82C4;
  --ar-btn-disabled-border-color: #3B82C4;
}

.btn-outline-success {
  --ar-btn-color: #22A06B;
  --ar-btn-border-color: #22A06B;
  --ar-btn-hover-bg: #22A06B;
  --ar-btn-hover-border-color: #22A06B;
  --ar-btn-active-bg: #22A06B;
  --ar-btn-active-border-color: #22A06B;
  --ar-btn-disabled-color: #22A06B;
  --ar-btn-disabled-border-color: #22A06B;
}

.btn-outline-danger {
  --ar-btn-color: #D64545;
  --ar-btn-border-color: #D64545;
  --ar-btn-hover-bg: #D64545;
  --ar-btn-hover-border-color: #D64545;
  --ar-btn-active-bg: #D64545;
  --ar-btn-active-border-color: #D64545;
  --ar-btn-disabled-color: #D64545;
  --ar-btn-disabled-border-color: #D64545;
}

.accordion-button:not(.collapsed)::after {
  --ar-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23316AB3'%3e%3cpath d='M.5 6.3c.6-.6 1.6-.6 2.3 0l9.3 9.3 9.3-9.3c.6-.6 1.6-.6 2.3 0 .6.6.6 1.6 0 2.3L13.3 18.8c-.6.6-1.6.6-2.3 0L.8 8.5c-.9-.8-.9-1.6-.3-2.2z'/%3e%3c/svg%3e");
}