/* Bootstrap bridge for VPN Service light/dark */

html[data-bs-theme="dark"],
html[data-theme="dark"] {
  --bs-body-bg: #0a0f0d;
  --bs-body-color: #eaf3ee;
  --bs-secondary-color: #8fa59a;
  --bs-tertiary-bg: #101714;
  --bs-border-color: rgba(180, 220, 200, 0.12);
  --bs-primary: #3dcf9a;
  --bs-primary-rgb: 61, 207, 154;
  --bs-link-color: #3dcf9a;
  --bs-link-hover-color: #6ee0b4;
  --bs-focus-ring-color: rgba(61, 207, 154, 0.3);
  --bs-card-bg: #141c18;
  --bs-card-border-color: rgba(180, 220, 200, 0.12);
  --bs-font-sans-serif: "Sora", system-ui, sans-serif;
  color-scheme: dark;
}

html[data-bs-theme="light"],
html[data-theme="light"] {
  --bs-body-bg: #eef3f0;
  --bs-body-color: #12201a;
  --bs-secondary-color: #5c7167;
  --bs-tertiary-bg: #e4ebe7;
  --bs-border-color: rgba(20, 40, 30, 0.1);
  --bs-primary: #0d9f6e;
  --bs-primary-rgb: 13, 159, 110;
  --bs-link-color: #0d9f6e;
  --bs-link-hover-color: #0a7a54;
  --bs-focus-ring-color: rgba(13, 159, 110, 0.28);
  --bs-card-bg: #ffffff;
  --bs-card-border-color: rgba(20, 40, 30, 0.1);
  --bs-font-sans-serif: "Sora", system-ui, sans-serif;
  color-scheme: light;
}

body {
  background-color: var(--bs-body-bg);
  color: var(--bs-body-color);
  font-family: var(--bs-font-sans-serif);
}

#app .card,
#admin-app .card {
  --bs-card-bg: transparent;
  --bs-card-border-width: 0;
  --bs-card-spacer-y: 0;
  --bs-card-spacer-x: 0;
}

#app .btn,
#admin-app .btn {
  --bs-btn-font-weight: 600;
  text-transform: none;
  letter-spacing: 0;
}

#app .form-control,
#app .form-select,
#admin-app .form-control,
#admin-app .form-select {
  background-color: var(--bg-2, #101714);
  border-color: var(--line, rgba(180, 220, 200, 0.12));
  color: var(--text, inherit);
  border-radius: 10px;
}

#app .form-control:focus,
#app .form-select:focus,
#admin-app .form-control:focus,
#admin-app .form-select:focus {
  background-color: var(--bg-2, #101714);
  border-color: var(--line-strong);
  color: var(--text, inherit);
  box-shadow: 0 0 0 0.2rem var(--accent-soft, rgba(61, 207, 154, 0.15));
}

.tab-icon .fa-solid,
.card-icon .fa-solid,
.admin-nav-ico .fa-solid,
.qa-icon .fa-solid,
.btn .fa-solid {
  line-height: 1;
}