/* Atendo palette: navy #101d30, terracotta #c75a43, off-white #fafbfd.
   Loaded after style.bundle.css to override Metronic's colour variables. */
:root,
[data-bs-theme=light] {
  --atendo-navy: #101d30;
  --atendo-accent: #c75a43;
  --atendo-paper: #fafbfd;
  --atendo-ink: #101d30;
  --atendo-soft-bg: #eef0f4;
  --atendo-soft-icon: #5b6577;
  --atendo-badge-bg: #e6e9ef;
  --atendo-badge-color: #101d30;
  --atendo-row-hover: #f3f4f6;
  --atendo-row-locked: #f9fafb;
  --atendo-row-drag: #fbeeea;

  --bs-primary: #c75a43;
  --bs-primary-active: #ae4a35;
  --bs-primary-light: #fbeeea;
  --bs-primary-clarity: rgba(199, 90, 67, 0.2);
  --bs-primary-rgb: 199, 90, 67;
  --bs-primary-inverse: #ffffff;
  --bs-text-primary: #c75a43;
  --bs-link-color: #c75a43;
  --bs-link-color-rgb: 199, 90, 67;
  --bs-link-hover-color: #ae4a35;
  --bs-link-hover-color-rgb: 174, 74, 53;
  --bs-primary-text-emphasis: #6f3225;
  --bs-primary-bg-subtle: #fbeeea;
  --bs-primary-border-subtle: #eebfb3;

  --bs-success: #c75a43;
  --bs-success-active: #ae4a35;
  --bs-success-light: #fbeeea;
  --bs-success-clarity: rgba(199, 90, 67, 0.2);
  --bs-success-rgb: 199, 90, 67;
  --bs-success-inverse: #ffffff;
  --bs-text-success: #c75a43;
  --bs-success-text-emphasis: #6f3225;
  --bs-success-bg-subtle: #fbeeea;
  --bs-success-border-subtle: #eebfb3;

  --bs-dark: #101d30;
  --bs-dark-active: #0a1220;
  --bs-dark-light: #eef0f4;
  --bs-dark-clarity: rgba(16, 29, 48, 0.2);
  --bs-dark-rgb: 16, 29, 48;
  --bs-dark-inverse: #fafbfd;

  --bs-gray-900: #101d30;
  --bs-gray-900-rgb: 16, 29, 48;
  --bs-gray-800: #26334a;
  --bs-body-color: #101d30;
  --bs-body-color-rgb: 16, 29, 48;
  --bs-body-bg: #fafbfd;
  --bs-page-bg: #fafbfd;
  --bs-focus-ring-color: rgba(199, 90, 67, 0.25);
}

/* Dark mode. Every colour variable set in the light block above must be
   reset here: that block also matches :root, so anything left out leaks navy
   text onto the navy surface. Greys are navy-tinted; text greys (500+) keep
   at least 4.5:1 against the card surface #101d30. */
[data-bs-theme=dark] {
  --atendo-accent: #d9735c;
  --atendo-ink: #f2f4f8;
  --atendo-soft-bg: #24364f;
  --atendo-soft-icon: #a0acbd;
  --atendo-badge-bg: #24364f;
  --atendo-badge-color: #d0d6df;
  --atendo-row-hover: #1a2a41;
  --atendo-row-locked: #1a2a41;
  --atendo-row-drag: #342c38;

  --bs-primary: #d9735c;
  --bs-primary-active: #e48a74;
  --bs-primary-light: #342c38;
  --bs-primary-clarity: rgba(217, 115, 92, 0.2);
  --bs-primary-rgb: 217, 115, 92;
  --bs-primary-inverse: #101d30;
  --bs-text-primary: #d9735c;
  --bs-link-color: #d9735c;
  --bs-link-color-rgb: 217, 115, 92;
  --bs-link-hover-color: #e48a74;
  --bs-link-hover-color-rgb: 228, 138, 116;
  --bs-primary-text-emphasis: #f0b3a4;
  --bs-primary-bg-subtle: #342c38;
  --bs-primary-border-subtle: #7a4538;

  --bs-success: #d9735c;
  --bs-success-active: #e48a74;
  --bs-success-light: #342c38;
  --bs-success-clarity: rgba(217, 115, 92, 0.2);
  --bs-success-rgb: 217, 115, 92;
  --bs-success-inverse: #101d30;
  --bs-text-success: #d9735c;
  --bs-success-text-emphasis: #f0b3a4;
  --bs-success-bg-subtle: #342c38;
  --bs-success-border-subtle: #7a4538;

  --bs-dark: #24364f;
  --bs-dark-active: #2c405b;
  --bs-dark-light: #1a2a41;
  --bs-dark-clarity: rgba(36, 54, 79, 0.2);
  --bs-dark-rgb: 36, 54, 79;
  --bs-dark-inverse: #ffffff;
  --bs-text-dark: #f2f4f8;

  --bs-light: #1a2a41;
  --bs-light-active: #1f3049;
  --bs-light-light: #1f3049;
  --bs-light-rgb: 26, 42, 65;
  --bs-light-inverse: #a0acbd;
  --bs-text-light: #1a2a41;
  --bs-secondary: #34475f;
  --bs-secondary-active: #4d6079;
  --bs-secondary-light: #34475f;
  --bs-secondary-rgb: 52, 71, 95;
  --bs-secondary-bg: #24364f;
  --bs-secondary-bg-rgb: 36, 54, 79;
  --bs-text-secondary: #34475f;

  --bs-gray-100: #1a2a41;
  --bs-gray-100-rgb: 26, 42, 65;
  --bs-gray-200: #24364f;
  --bs-gray-200-rgb: 36, 54, 79;
  --bs-gray-300: #34475f;
  --bs-gray-300-rgb: 52, 71, 95;
  --bs-gray-400: #4d6079;
  --bs-gray-400-rgb: 77, 96, 121;
  --bs-gray-500: #8b99ad;
  --bs-gray-500-rgb: 139, 153, 173;
  --bs-gray-600: #a0acbd;
  --bs-gray-600-rgb: 160, 172, 189;
  --bs-gray-700: #b8c1ce;
  --bs-gray-700-rgb: 184, 193, 206;
  --bs-gray-800: #d0d6df;
  --bs-gray-800-rgb: 208, 214, 223;
  --bs-gray-900: #f2f4f8;
  --bs-gray-900-rgb: 242, 244, 248;
  --bs-text-gray-100: #1a2a41;
  --bs-text-gray-200: #24364f;
  --bs-text-gray-300: #34475f;
  --bs-text-gray-400: #4d6079;
  --bs-text-gray-500: #8b99ad;
  --bs-text-gray-600: #a0acbd;
  --bs-text-gray-700: #b8c1ce;
  --bs-text-gray-800: #d0d6df;
  --bs-text-gray-900: #f2f4f8;
  --bs-text-muted: #8b99ad;

  --bs-body-color: #f2f4f8;
  --bs-body-color-rgb: 242, 244, 248;
  --bs-heading-color: #f2f4f8;
  --bs-body-bg: #101d30;
  --bs-body-bg-rgb: 16, 29, 48;
  --bs-page-bg: #0b1522;
  --bs-app-blank-bg: #0b1522;
  --bs-border-color: #24364f;
  --bs-border-dashed-color: #34475f;
  --bs-root-card-border-color: #1a2a41;
  --bs-focus-ring-color: rgba(217, 115, 92, 0.35);

  --bs-component-hover-bg: #1a2a41;
  --bs-dropdown-bg: #17263b;
  --bs-drawer-bg-color: #17263b;
  --bs-menu-dropdown-bg-color: #17263b;
  --bs-menu-heading-color: #8b99ad;
  --bs-menu-link-bg-color-hover: #24364f;
  --bs-menu-link-bg-color-show: #24364f;
  --bs-menu-link-bg-color-here: #24364f;
  --bs-menu-link-bg-color-active: #24364f;
  --bs-symbol-label-color: #d0d6df;
  --bs-symbol-label-bg: #1a2a41;
  --bs-bullet-bg-color: #4d6079;
  --bs-scrollbar-color: #24364f;
  --bs-scrollbar-hover-color: #34475f;
  --bs-header-desktop-fixed-bg-color: #101d30;
  --bs-header-tablet-and-mobile-fixed-bg-color: #101d30;
}
[data-bs-theme=dark] .toast {
  --bs-toast-bg: #24364f;
  --bs-toast-header-bg: #24364f;
  --bs-toast-header-border-color: #34475f;
}
[data-bs-theme=dark] .popover:not(.popover-inverse) {
  --bs-popover-bg: #24364f;
  --bs-popover-border-color: #24364f;
  --bs-popover-header-bg: #24364f;
  --bs-popover-header-border-color: #34475f;
}
[data-bs-theme=dark] .tooltip:not(.tooltip-inverse) { --bs-tooltip-bg: #24364f; }
[data-bs-theme=dark] .blockui { --bs-blockui-message-bg: #24364f; }
/* The sticky header is navy in dark mode, so the navy logo would vanish. */
[data-bs-theme=dark] .header .logo-sticky { content: url("../media/logos/atendo_logo.png"); }

body { background-color: var(--bs-page-bg); }
.form-control:focus,
.form-select:focus {
  border-color: var(--atendo-accent);
}

/* Keep terracotta for key actions only: soft "light" buttons and badges are
   neutral navy-on-grey; they pick up terracotta on hover/active. */
.btn.btn-light-primary,
.btn.btn-light-success {
  color: var(--atendo-ink);
  background-color: var(--atendo-soft-bg);
  border-color: var(--atendo-soft-bg);
}
.btn.btn-light-primary i,
.btn.btn-light-primary .svg-icon,
.btn.btn-light-primary .path1,
.btn.btn-light-primary .path2,
.btn.btn-light-success i,
.btn.btn-light-success .svg-icon,
.btn.btn-light-success .path1,
.btn.btn-light-success .path2 {
  color: var(--atendo-soft-icon);
}
.badge.badge-light-primary,
.badge.badge-light-success {
  color: var(--atendo-badge-color);
  background-color: var(--atendo-badge-bg);
}
.text-success { color: var(--atendo-ink) !important; }