:root {
  --exp-primary: #1d6fcc;
  --exp-primary-dark: #1558a6;
  --exp-secondary: #c89a64;
  --exp-accent: #dc2f31;
  --exp-ink: #20334d;
  --exp-muted: #5f6f85;
  --exp-line: #dbe4ef;
  --exp-shell: #eef3f8;
  --gk-primary: var(--exp-primary);
  --gk-link-color: var(--exp-primary);
  --gk-link-hover-color: var(--exp-primary-dark);
  --gk-primary-rgb: 29, 111, 204;
  --gk-focus-ring-color: rgba(29, 111, 204, 0.25);
  --gk-primary-text-emphasis: #1558a6;
  --gk-primary-bg-subtle: #dcecff;
  --gk-primary-border-subtle: #b6d5f7;
  --gk-light-primary: #e9f3ff;
  --gk-light-primary-rgb: 233, 243, 255;
  --gk-dark-primary: #1558a6;
  --gk-dark-primary-rgb: 21, 88, 166;
}

body {
  color: var(--exp-ink);
  background:
    radial-gradient(circle at top left, rgba(29, 111, 204, 0.12), transparent 28%),
    radial-gradient(circle at bottom right, rgba(200, 154, 100, 0.14), transparent 24%),
    linear-gradient(180deg, #f7fafc 0%, #edf2f7 100%);
}

.template-page-root {
  min-height: 100vh;
}

.navbar .navbar-brand img,
.app-logo__mark img {
  object-fit: contain;
}

.btn-primary {
  --bs-btn-bg: var(--exp-primary);
  --bs-btn-border-color: var(--exp-primary);
  --bs-btn-hover-bg: var(--exp-primary-dark);
  --bs-btn-hover-border-color: var(--exp-primary-dark);
  --bs-btn-active-bg: var(--exp-primary-dark);
  --bs-btn-active-border-color: var(--exp-primary-dark);
}

.btn-outline-primary {
  --bs-btn-color: var(--exp-primary);
  --bs-btn-border-color: var(--exp-primary);
  --bs-btn-hover-bg: var(--exp-primary);
  --bs-btn-hover-border-color: var(--exp-primary);
  --bs-btn-active-bg: var(--exp-primary-dark);
  --bs-btn-active-border-color: var(--exp-primary-dark);
}

.text-primary,
a,
.nav-link.active,
.btn-link {
  color: var(--exp-primary) !important;
}

.bg-light-primary {
  background-color: var(--gk-light-primary) !important;
}

.auth-logo-explicador {
  width: auto;
  height: 3rem;
  object-fit: contain;
}