/* =========================================================
   Compliance Theme – Tabler.io
   Base Color: #0b5f73
   ========================================================= */

/* ---------- Root (Light Mode) ---------- */
:root {
  /* Primary (Derived from #0b5f73) */
  --tblr-primary: #0b5f73;
  --tblr-primary-rgb: 11, 95, 115;
  --tblr-primary-fg: #ffffff;

  /* Secondary */
  --tblr-secondary: #5b7c86;
  --tblr-secondary-rgb: 91, 124, 134;

  /* Info */
  --tblr-info: #1389a6;
  --tblr-info-rgb: 19, 137, 166;

  /* Success */
  --tblr-success: #2f9e7a;
  --tblr-success-rgb: 47, 158, 122;

  /* Warning */
  --tblr-warning: #f0ad4e;
  --tblr-warning-rgb: 240, 173, 78;

  /* Danger */
  --tblr-danger: #dc3545;
  --tblr-danger-rgb: 220, 53, 69;

  /* Backgrounds */
  --tblr-bg-surface: #ffffff;
  --tblr-bg-muted: #f2f6f8;
  --tblr-bg-light: #e9f1f4;

  /* Borders */
  --tblr-border-color: #d6e4ea;

  /* Text */
  --tblr-body-color: #1f2d3d;
  --tblr-muted: #6b7f88;

  /* Links */
  --tblr-link-color: var(--tblr-primary);
  --tblr-link-hover-color: #094c5c;

  /* Buttons */
  --tblr-btn-primary-bg: var(--tblr-primary);
  --tblr-btn-primary-border: var(--tblr-primary);
  --tblr-btn-primary-hover-bg: #094c5c;
  --tblr-btn-primary-hover-border: #094c5c;

  /* Focus ring */
  --tblr-focus-ring-color: rgba(11, 95, 115, 0.25);
}

/* ---------- Dark Mode ---------- */
[data-bs-theme="dark"] {
  --tblr-bg-surface: #0e1f25;
  --tblr-bg-muted: #0b1a1f;
  --tblr-bg-light: #132b33;

  --tblr-body-color: #dce6ea;
  --tblr-muted: #9fb3bb;

  --tblr-border-color: #1f3a43;

  --tblr-link-color: #4fb3cc;
  --tblr-link-hover-color: #76c8dc;

  --tblr-primary: #4fb3cc;
  --tblr-primary-rgb: 79, 179, 204;
  --tblr-primary-fg: #0b1a1f;

  --tblr-btn-primary-bg: #4fb3cc;
  --tblr-btn-primary-border: #4fb3cc;
  --tblr-btn-primary-hover-bg: #76c8dc;
  --tblr-btn-primary-hover-border: #76c8dc;

  --tblr-focus-ring-color: rgba(79, 179, 204, 0.35);
}

/* ---------- Cards ---------- */
.card {
  border-color: var(--tblr-border-color);
}



/* ---------- Tables ---------- */
.table thead th {
  background-color: var(--tblr-bg-light);
  color: var(--tblr-body-color);
}

/* ---------- Forms ---------- */
.form-control:focus {
  border-color: var(--tblr-primary);
  box-shadow: 0 0 0 0.2rem var(--tblr-focus-ring-color);
}