/* Anındaİndir brand colors. Component geometry remains defined by Tabler 1.7.4. */
:root {
  --aninda-navy: #192558;
  --aninda-primary: #057aff;
  --aninda-cyan: #03aeff;
  --aninda-action: #0667d6;
  --aninda-action-hover: #035abf;
  --aninda-focus: #0667d6;
  --aninda-control-border: #788ba8;
  --aninda-navigation-surface: #ffffff;
  --aninda-footer-surface: #eaf2ff;
  --aninda-intro-start: #eaf3ff;
  --aninda-intro-end: #f4f8ff;

  --tblr-primary: var(--aninda-action);
  --tblr-primary-rgb: 6, 103, 214;
  --tblr-primary-fg: #ffffff;
  --tblr-primary-darken: var(--aninda-action-hover);
  --tblr-blue: var(--tblr-primary);
  --tblr-blue-rgb: var(--tblr-primary-rgb);
  --tblr-blue-fg: #ffffff;
  --tblr-blue-darken: var(--aninda-action-hover);
  --tblr-azure: #0871ce;
  --tblr-cyan: var(--aninda-cyan);
  --tblr-body-bg: #f4f8ff;
  --tblr-body-bg-rgb: 244, 248, 255;
  --tblr-body-color: #263653;
  --tblr-body-color-rgb: 38, 54, 83;
  --tblr-heading-color: var(--aninda-navy);
  --tblr-emphasis-color: var(--aninda-navy);
  --tblr-secondary-color: #52617b;
  --tblr-secondary: #52617b;
  --tblr-secondary-fg: #ffffff;
  --tblr-muted: var(--tblr-secondary-color);
  --tblr-secondary-color-rgb: 82, 97, 123;
  --tblr-tertiary-color: #60708a;
  --tblr-bg-surface: #ffffff;
  --tblr-bg-surface-primary: #ffffff;
  --tblr-bg-surface-secondary: #edf3fc;
  --tblr-bg-surface-tertiary: #f0f5fc;
  --tblr-bg-forms: #ffffff;
  --tblr-border-color: #cbd8e9;
  --tblr-border-color-translucent: #dbe5f2;
  --tblr-border-active-color: var(--tblr-primary);
  --tblr-link-color: var(--tblr-primary);
  --tblr-link-color-rgb: var(--tblr-primary-rgb);
  --tblr-link-hover-color: var(--aninda-action-hover);
  --tblr-link-hover-color-rgb: 3, 90, 191;
  --tblr-focus-ring-color: var(--aninda-focus);
  --tblr-control-focus-border-color: var(--aninda-focus);
  --tblr-active-bg: color-mix(in srgb, var(--aninda-primary) 10%, transparent);
  --tblr-hover-bg: color-mix(in srgb, var(--aninda-primary) 5%, transparent);
  --tblr-shadow-card: 0 1px 3px rgb(25 37 88 / 4%);
}

:root[data-bs-theme="dark"] {
  --aninda-focus: var(--aninda-cyan);
  --aninda-control-border: #7087a6;
  --aninda-navigation-surface: #172339;
  --aninda-footer-surface: #172339;
  --aninda-intro-start: #172339;
  --aninda-intro-end: #101827;

  --tblr-primary: #78c6ff;
  --tblr-primary-rgb: 120, 198, 255;
  --tblr-primary-fg: #101827;
  --tblr-primary-darken: #a5dcff;
  --tblr-blue-fg: #101827;
  --tblr-blue-darken: #a5dcff;
  --tblr-azure: #78c6ff;
  --tblr-body-bg: #101827;
  --tblr-body-bg-rgb: 16, 24, 39;
  --tblr-body-color: #e6edf8;
  --tblr-body-color-rgb: 230, 237, 248;
  --tblr-heading-color: #eef5ff;
  --tblr-emphasis-color: #f5f9ff;
  --tblr-secondary-color: #b0bfd3;
  --tblr-secondary: #b0bfd3;
  --tblr-secondary-fg: #101827;
  --tblr-secondary-color-rgb: 176, 191, 211;
  --tblr-tertiary-color: #a3b5ce;
  --tblr-bg-surface: #1b2a40;
  --tblr-bg-surface-primary: #1b2a40;
  --tblr-bg-surface-secondary: #172339;
  --tblr-bg-surface-tertiary: #20314a;
  --tblr-bg-forms: #172339;
  --tblr-border-color: #415471;
  --tblr-border-color-translucent: #344762;
  --tblr-link-hover-color: #a5dcff;
  --tblr-link-hover-color-rgb: 165, 220, 255;
  --tblr-active-bg: rgb(3 174 255 / 14%);
  --tblr-hover-bg: rgb(120 198 255 / 8%);
  --tblr-shadow-card: 0 1px 3px rgb(0 8 24 / 12%);
}

.page > .navbar {
  --tblr-bg-surface: var(--aninda-navigation-surface);
  --tblr-navbar-active-color: var(--tblr-primary);
  --tblr-navbar-hover-color: var(--tblr-primary);
  box-shadow: inset 0 2px 0 var(--aninda-primary);
}

.navbar .nav-link:hover,
.navbar .nav-item.active > .nav-link {
  color: var(--tblr-primary);
}

.card {
  --tblr-card-title-color: var(--tblr-heading-color);
}

/* Small badge text needs the deeper brand blue on tinted light surfaces. */
:root:not([data-bs-theme="dark"]) .badge.bg-blue-lt {
  --tblr-blue: var(--aninda-action-hover);
}

:root:not([data-bs-theme="dark"]) .badge.bg-primary-lt {
  --tblr-primary: var(--aninda-action-hover);
}

.page-title {
  color: var(--tblr-heading-color);
}

.btn-primary {
  --tblr-btn-variant: var(--aninda-action);
  --tblr-btn-variant-fg: #ffffff;
  --tblr-btn-variant-darken: var(--aninda-action-hover);
  --tblr-btn-gradient: none;
}

[data-bs-theme="dark"] .btn-primary {
  --tblr-btn-border-color: var(--aninda-primary);
}

.btn:focus-visible {
  --tblr-focus-ring-color: var(--aninda-focus);
}

.form-control,
.form-select {
  --tblr-control-border-color: var(--aninda-control-border);
}

.form-check-input:not(:checked):not(.is-invalid) {
  border-color: var(--aninda-control-border);
}

.form-check-input:checked {
  background-color: var(--aninda-action);
  border-color: var(--aninda-primary);
}

.accordion {
  --tblr-accordion-active-color: var(--tblr-primary);
}

.brand-intro {
  background: linear-gradient(120deg, var(--aninda-intro-start), var(--aninda-intro-end));
}

.footer {
  background-color: var(--aninda-footer-surface);
}

.footer .subheader {
  color: var(--tblr-heading-color);
}

/* Preserve the original colored pixels, including the navy lettering, in dark mode. */
[data-bs-theme="dark"] .navbar-brand-autodark .navbar-brand-image {
  filter: none;
  background-color: #ffffff;
  border-radius: var(--tblr-border-radius);
}