/* Dark Mode Styles – cool charcoal + blue accent */
[data-theme="dark"] {
  /* Core surfaces */
  --bg-primary: oklch(0.12 0.035 262);    /* page background – near-black, cool */
  --bg-secondary: oklch(0.17 0.03 262);   /* cards, sidebar, modals */

  /* Text */
  --text-primary: oklch(0.97 0.01 255);   /* main text – soft white */
  --text-secondary: oklch(0.74 0.015 255);/* muted text */

  /* Borders */
  --border-color: oklch(0.26 0.025 262);  /* subtle but visible */

  /* Accent (optional but recommended) */
  --accent-color: oklch(0.78 0.2 255);    /* bright blue */
}

/* Base body */
[data-theme="dark"] body {
  background-color: var(--bg-primary);
  color: var(--text-primary);
}

/* Cards / panels */
[data-theme="dark"] .card {
  background-color: var(--bg-secondary);
  color: var(--text-primary);
  border-color: var(--border-color);
}

/* Sidebar */
[data-theme="dark"] .sidebar {
  background-color: var(--bg-secondary);
  color: var(--text-primary);
  border-right-color: var(--border-color);
}

/* Sidebar */
[data-theme="dark"] .sidebar .nav-link {
 color:#fff;
}

/* Sidebar */
[data-theme="dark"] .text-muted {
 color:#fff !important;
}

/* Sidebar */
[data-theme="dark"] .bg-white {
 color:#fff !important;
background-color: #010513 !important;
    
}
* Sidebar */
[data-theme="dark"] .card-header  {
 color:#010513 !important;
}

/* Tables */
[data-theme="dark"] tbody  {
  background-color: #010513 !important;
}

[data-theme="dark"] tr  {
  background-color: #010513 !important;
  color:#fff;
}
[data-theme="dark"] th  {
  background-color: #010513 !important;
  color:#fff;
}
[data-theme="dark"] thead  {
  background-color: #010513 !important;
  color:#fff;
}

[data-theme="dark"] .sidebar .nav-link:hover  {
  background-color: #010513 !important;
  color:#fff;
}
[data-theme="dark"] .nav-item:hover  {
  background-color: #010513 !important;
  color:#fff;
}
[data-theme="dark"] .nav-item::hover  {
  background-color: #010513 !important;
  color:#fff;
}


[data-theme="dark"] td  {
  background-color: #010513 !important;
  color:#fff;
}
/* Tables */
[data-theme="dark"] tr  {
  background-color: #010513 !important;
}

/* Tables */
[data-theme="dark"] .list-group-item {
  background-color: #010513 !important;
  color:#fff;
     padding-block: 30px;
    padding-left: 30px !important;
    padding-right: 30px !important;
}

[data-theme="dark"] .table-light {
  background-color: var(--bg-secondary);
  color: var(--text-primary);
  border-color: var(--border-color);
}

/* Forms */
[data-theme="dark"] .form-control,
[data-theme="dark"] .form-select {
  background-color: var(--bg-secondary);
  color: var(--text-primary);
  border-color: var(--border-color);
}

[data-theme="dark"] .form-control::placeholder,
[data-theme="dark"] .form-select::placeholder {
  color: var(--text-secondary);
}

/* Modals */
[data-theme="dark"] .modal-content {
  background-color: var(--bg-secondary);
  color: var(--text-primary);
  border-color: var(--border-color);
}

/* Optional: links/buttons accent (if you use these selectors) */
[data-theme="dark"] a {
  color: var(--accent-color ;
  background-color: #010513 !important;
}

[data-theme="dark"] a:hover {
  color: color-mix(in oklab, var(--accent-color) 80%, white 20%);
}