/* ===========================================================
   Midnight Blue Theme
   A deep blue dark theme with smooth gradients
   =========================================================== */

:root {
  /* ========== Surface Colors ========== */
  /* Main background of the entire app */
  --bs-body-bg:#0f1115;

  /* Elevated backgrounds (sidebar, raised elements) */
  --ds-bg-elev:#151926;

  /* Main panel/card backgrounds (card bodies, modals, dropdowns) */
  --ds-panel:#1b2030;

  /* Soft panel backgrounds (card headers/footers, modal headers/footers) */
  --ds-panel-soft:#1f2538;

  /* Border color used throughout (cards, inputs, tables, dividers) */
  --ds-border:#2b3550;


  /* ========== Text Colors ========== */
  /* Primary text color */
  --bs-body-color:#e7ecf5;

  /* Muted/secondary text (labels, help text, placeholders) */
  --ds-text-muted:#a8b3cf;


  /* ========== Brand Colors ========== */
  /* Primary brand color (buttons, links, focus states) */
  --bs-primary:#4f7cff;
  --bs-primary-hover:#3d69e6;

  /* Secondary color */
  --bs-secondary:#2a3248;
  --bs-secondary-hover:#333b54;

  /* Success color */
  --bs-success:#31c48d;
  --bs-success-hover:#26b07a;

  /* Info color */
  --bs-info:#38b2f5;
  --bs-info-hover:#2ea1e5;

  /* Warning color */
  --bs-warning:#f6ad55;
  --bs-warning-hover:#e69b3e;

  /* Danger color */
  --bs-danger:#f56565;
  --bs-danger-hover:#d9534f;


  /* ========== Neutral/Default Button Colors ========== */
  /* Default neutral button background */
  --ds-neutral:#2d3446;
  --ds-neutral-hover:#383f52;


  /* ========== Button Text Colors ========== */
  --ds-btn-default-color:#f0f0f0;
  --ds-btn-default-hover-color:#fff;
  --ds-btn-primary-color:#fff;
  --ds-btn-secondary-color:#e7ecf5;
  --ds-btn-secondary-hover-color:#fff;
  --ds-btn-success-color:#fff;
  --ds-btn-info-color:#fff;
  --ds-btn-warning-color:#2a1d0a;
  --ds-btn-warning-hover-color:#fff;
  --ds-btn-danger-color:#fff;
  --ds-btn-outline-color:#d3dcff;
  --ds-btn-outline-hover-bg:#161b29;


  /* ========== Navbar Colors ========== */
  --ds-navbar-bg:rgba(15,17,21,.6);
  --ds-navbar-brand-color:#fff;
  --ds-navbar-link-active-color:#fff;


  /* ========== Form Input Colors ========== */
  --ds-input-bg:#171c2a;
  --ds-input-color:#e7ecf5;
  --ds-input-placeholder:#6b7699;
  --ds-input-focus-bg:#181e2c;
  --ds-input-group-bg:#161b29;
  --ds-check-bg:#1a2030;
  --ds-check-focus-shadow:0 0 0 3px rgba(79,124,255,.25);
  --ds-invalid-focus-shadow:0 0 0 3px rgba(245,101,101,.25);
  --ds-valid-focus-shadow:0 0 0 3px rgba(49,196,141,.25);
  --ds-invalid-feedback:#f89b9b;
  --ds-valid-feedback:#6fdfb4;
  --ds-color-scheme:dark;


  /* ========== Dropdown Colors ========== */
  --ds-dropdown-item-color:#e7ecf5;
  --ds-dropdown-item-hover-bg:#1d2338;
  --ds-dropdown-item-hover-color:#fff;
  --ds-dropdown-item-active-color:#fff;


  /* ========== Tabs & Pills Colors ========== */
  --ds-tab-bg:#171c2a;
  --ds-tab-hover-bg:#1d2338;
  --ds-tab-hover-color:#c7d2f5;
  --ds-tab-active-color:#fff;
  --ds-pill-bg:#171c2a;
  --ds-pill-hover-bg:#1d2338;
  --ds-pill-hover-color:#c7d2f5;
  --ds-pill-active-color:#fff;


  /* ========== Accordion Colors ========== */
  --ds-accordion-color:#e7ecf5;
  --ds-accordion-hover-bg:#242b43;
  --ds-accordion-hover-color:#fff;
  --ds-accordion-active-color:#fff;


  /* ========== Alert Colors ========== */
  --ds-alert-bg:#161b29;
  --ds-alert-color:#e7ecf5;
  --ds-alert-primary-bg:rgba(79,124,255,.12);
  --ds-alert-primary-border:rgba(79,124,255,.35);
  --ds-alert-success-bg:rgba(49,196,141,.12);
  --ds-alert-success-border:rgba(49,196,141,.35);
  --ds-alert-warning-bg:rgba(246,173,85,.12);
  --ds-alert-warning-border:rgba(246,173,85,.35);
  --ds-alert-warning-color:#ffdfb0;
  --ds-alert-danger-bg:rgba(245,101,101,.12);
  --ds-alert-danger-border:rgba(245,101,101,.35);
  --ds-alert-info-bg:rgba(56,178,245,.12);
  --ds-alert-info-border:rgba(56,178,245,.35);


  /* ========== Table Colors ========== */
  --ds-table-color:#e7ecf5;
  --ds-table-striped-bg:#171c2a;
  --ds-table-hover-bg:#182033;
  --ds-table-hover-color:#fff;


  /* ========== Progress Colors ========== */
  --ds-progress-bg:#171c2a;


  /* ========== Pagination Colors ========== */
  --ds-page-bg:#171c2a;
  --ds-page-color:#e7ecf5;
  --ds-page-hover-bg:#1d2338;
  --ds-page-hover-color:#fff;
  --ds-page-disabled-bg:#13171f;
  --ds-page-disabled-color:#4a5570;


  /* ========== List Group Colors ========== */
  --ds-list-item-color:#e7ecf5;
  --ds-list-item-hover-bg:#1d2338;
  --ds-list-item-active-color:#fff;


  /* ========== Breadcrumb Colors ========== */
  --ds-breadcrumb-active-color:#fff;
  --ds-breadcrumb-link-color:#c7d2f5;
  --ds-breadcrumb-link-hover-color:#fff;


  /* ========== Toast Colors ========== */
  --ds-toast-color:#e7ecf5;


  /* ========== Focus & Shadow ========== */
  /* Focus ring for inputs, buttons */
  --ds-focus-ring:0 0 0 3px rgba(79,124,255,.35);

  /* Default shadow for cards, modals, dropdowns */
  --ds-shadow:0 6px 20px rgba(0,0,0,.28),0 1px 6px rgba(0,0,0,.18);


  /* ========== Typography ========== */
  /* System font stack */
  --bs-body-font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";

  /* Base font size */
  --bs-body-font-size:0.9375rem;

  /* Line height */
  --bs-body-line-height:1.5;


  /* ========== Border Radius ========== */
  /* Base border radius */
  --bs-border-radius:.25rem;       /* 4px - subtle rounding */

  /* Small border radius */
  --bs-border-radius-sm:.125rem;   /* 2px - very minimal */

  /* Large border radius */
  --bs-border-radius-lg:.25rem;    /* 4px - consistent with base */

  /* Extra large border radius */
  --bs-border-radius-xl:.25rem;    /* 4px - consistent with base */
}

/* Dark theme specific styles */
html,body{
  background:linear-gradient(180deg,#0b0d12,var(--bs-body-bg) 30%);
}

/* Scrollbar for dark theme */
*::-webkit-scrollbar-track{background:#0f121a}
*::-webkit-scrollbar-thumb{background:#2a3349;border:2px solid #0f121a;border-radius:2px}
*::-webkit-scrollbar-thumb:hover{background:#384363}

/* Code blocks for dark theme */
code,kbd,pre,samp{
  background:#131829;
  color:#d7dbf0;
}