:root {
  /* Main Colors */
  --primary-color: #5A9EAF;
  --primary-hover: #4a8a9a;
  --secondary-color: #A67658;
  --secondary-hover: #95674c;

  /* Status Colors */
  --status-success: #4caf50;
  --status-danger: #f44336;
  --status-danger-dark: #c62828;
  --status-warning: #f8a046;
  
  /* Text Colors */
  --text-main: #1C1C1C;
  --text-secondary: #666666;
  --text-light: #999999;
  
  /* Background Colors */
  --bg-main: #f8f8f8;
  --bg-card: #FFFFFF;
  
  /* Pager specific (if needed) */
  --pager-yellow: #FFD700;
  --pager-blue: #0066CC;
}

body {
  background-color: var(--bg-main);
  color: var(--text-main);
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

/* Override Bootstrap Defaults */
.navbar-dark.bg-dark {
  background-color: var(--text-main) !important;
}

.navbar-brand {
    color: var(--primary-color) !important;
    font-weight: 700;
}

.btn-primary {
  background-color: var(--primary-color);
  border-color: var(--primary-color);
}

.btn-primary:hover {
  background-color: var(--primary-hover);
  border-color: var(--primary-hover);
}

.btn-secondary {
    background-color: var(--secondary-color);
    border-color: var(--secondary-color);
}

.btn-secondary:hover {
    background-color: var(--secondary-hover);
    border-color: var(--secondary-hover);
}

.btn-danger {
    background-color: var(--status-danger);
    border-color: var(--status-danger);
}

.card {
    border: none;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
    background-color: var(--bg-card);
}

/* Status Badges */
.badge.bg-success { background-color: var(--status-success) !important; }
.badge.bg-danger { background-color: var(--status-danger) !important; }
.badge.bg-warning { background-color: var(--status-warning) !important; color: #fff !important; }
.badge.bg-primary { background-color: var(--primary-color) !important; }

/* Custom Cards for Dashboard */
.card-stats {
    transition: transform 0.2s;
}
.card-stats:hover {
    transform: translateY(-5px);
}

.bg-primary { background-color: var(--primary-color) !important; }
.bg-secondary { background-color: var(--secondary-color) !important; }
.bg-warning { background-color: var(--status-warning) !important; }
.bg-danger { background-color: var(--status-danger) !important; }
.bg-info { background-color: var(--pager-blue) !important; }
.bg-success { background-color: var(--status-success) !important; }