:root {
  /* ===== SURFACE ===== */
  --surface-bg: #f3f3f3 !important;
  --surface-border: #11182730 !important;

  /* ===== PRIMARY COLORS ===== */
  --color-primary: #0d6efd !important;
  --color-primary-hover: #0059ff !important;
  --color-primary-dark: #010711;
  --color-on-primary: white !important;

  /* ===== SELECT ===== */
  --color-select: #aed2ffe0 !important;

  /* ===== TEXT ===== */
  --text-primary: black !important;
  --text-secondary: rgb(82, 82, 82) !important;
  --text-muted: rgb(99, 99, 99) !important;
  --text-inverse: white;

  /* ===== NAVEGATION / MENU ===== */
  --nav-bg: black !important;
  --nav-text: white !important;

  /* ===== HEADERS ===== */
  /* TITTLE */
  --header-bg: linear-gradient(135deg, #0d6efd 0%, #3da9fc 100%) !important;
  --header-text: #fff !important;

  /* TABLES */
  --header-table-bg: black;
  --header-table-text: white;
  --header-table-bg-2: #21293a;

  /* ===== SCROLLBAR ===== */
  --scrollbar-thumb: rgb(120, 148, 167);
  --scrollbar-thumb-hover: rgb(93, 155, 206);

  /* ===== STATUS ===== */
  --color-info: #0dcaf0;
  --color-success: rgb(30, 134, 30);
  --color-danger: #cf0934;
  --color-warning: #ff8b07;

  --color-success-hover: rgb(20, 128, 20);
}