/**
 * Backend Pages Styles (Admin, Dashboard, Login)
 * Override monitor-styles.css for backend pages
 */

/* Ensure CSS variables are defined */
:root {
  --color-bg-primary: #F5F5F0;
  --color-bg-secondary: #EEEEE8;
  --color-text-primary: #000000;
  --color-text-secondary: #1a1a1a;
  --color-text-tertiary: #666666;
  --color-border: #d0d0d0;
  --color-accent: #2563eb;
}

html[data-theme="dark"] {
  --color-bg-primary: #000000;
  --color-bg-secondary: #0a0a0a;
  --color-text-primary: #ffffff;
  --color-text-secondary: #f0f0f0;
  --color-text-tertiary: #a3a3a3;
  --color-border: #2a2a2a;
  --color-accent: #2563eb;
}

/* Override body */
body {
  font-family: 'Courier New', monospace !important;
  background: var(--color-bg-secondary) !important;
  color: var(--color-text-primary) !important;
}

/* Override header for backend */
.header {
  background: var(--color-bg-primary) !important;
  border-bottom: 2px solid var(--color-text-primary) !important;
}