/* Generated Theme Variables - Red */
/* Deployed on: 2025-10-05T11:42:51.818Z */

/* Light Mode Theme */
:root {
  /* Main theme variables */
  --primary-color: #ef4444 !important;
  --secondary-color: #dc2626 !important;
  --accent-color: #fca5a5 !important;
  --tertiary-color: #ffffff !important;
  --border-color: #ef4444 !important;
  --heading-color: #ef4444 !important;
  --header-text-color: #ffffff !important;
  --footer-text-color: #ffffff !important;
  
  /* Legacy theme variables for compatibility */
  --theme-bright: #ef4444 !important;
  --theme-bright-dark: #dc2626 !important;
  --theme-bright-pale: #fca5a5 !important;
  --theme-bright-lighter: #ffffff !important;
  
  /* Background and text */
  --background-color: #000000 !important;
  --text-color: #ffffff !important;
}

/* Dark Mode Theme - Automatic override when dark mode is active */
@media (prefers-color-scheme: dark) {
  :root {
    /* Dark mode - black background with white everything */
    --primary-color: #000000 !important;
    --secondary-color: #000000 !important;
    --accent-color: #ffffff !important;
    --tertiary-color: #ffffff !important;
    --border-color: #ffffff !important;
    --heading-color: #ffffff !important;
    
    /* Legacy theme variables for compatibility */
    --theme-bright: #000000 !important;
    --theme-bright-dark: #000000 !important;
    --theme-bright-pale: #ffffff !important;
    --theme-bright-lighter: #ffffff !important;
    
    /* Background and text - dark mode */
    --background-color: #000000 !important;
    --text-color: #ffffff !important;
    
    /* Additional UI elements */
    --header-text-color: #ffffff !important;
    --button-text-color: #ffffff !important;
    --button-background-color: #000000 !important;
    --button-border-color: #ffffff !important;
  }
}

/* Manual dark mode toggle support */
body.dark-mode {
  /* Dark mode - black background with white everything */
  --primary-color: #000000 !important;
  --secondary-color: #000000 !important;
  --accent-color: #ffffff !important;
  --tertiary-color: #ffffff !important;
  --border-color: #ffffff !important;
  --heading-color: #ffffff !important;
  
  /* Legacy theme variables for compatibility */
  --theme-bright: #000000 !important;
  --theme-bright-dark: #000000 !important;
  --theme-bright-pale: #ffffff !important;
  --theme-bright-lighter: #ffffff !important;
  
  /* Background and text - dark mode */
  --background-color: #000000 !important;
  --text-color: #ffffff !important;
  
  /* Additional UI elements */
  --header-text-color: #ffffff !important;
  --button-text-color: #ffffff !important;
  --button-background-color: #000000 !important;
  --button-border-color: #ffffff !important;
}

/* FORCE OVERRIDE RULE - Must load this theme! */
:root {
  --primary-color: #ef4444 !important;
  --secondary-color: #dc2626 !important;
  --accent-color: #fca5a5 !important;
  --tertiary-color: #ffffff !important;
  --border-color: #ef4444 !important;
  --heading-color: #ef4444 !important;
  --theme-bright: #ef4444 !important;
  --theme-bright-dark: #dc2626 !important;
  --theme-bright-pale: #fca5a5 !important;
  --theme-bright-lighter: #ffffff !important;
  --background-color: #000000 !important;
  --text-color: #ffffff !important;
}

/* Force override meta theme-color */
meta[name="theme-color"] {
  content: #ef4444 !important;
}

/* Apply theme immediately to body */
body {
  background-color: var(--background-color) !important;
  color: var(--text-color) !important;
}

/* Theme force override - this must load! */
.theme-force-override {
  --primary-color: #ef4444 !important;
  --secondary-color: #dc2626 !important;
  --accent-color: #fca5a5 !important;
  --tertiary-color: #ffffff !important;
  --border-color: #ef4444 !important;
  --heading-color: #ef4444 !important;
}

/* Meta theme-color for browser UI */
meta[name="theme-color"] {
  content: #ef4444;
}

/* Dark mode comprehensive styling */
body.dark-mode {
  /* Force all text to white */
  color: #ffffff !important;
  
  /* Force all backgrounds to black */
  background-color: #000000 !important;
}

/* Dark mode button styling */
body.dark-mode button {
  background-color: #000000 !important;
  color: #ffffff !important;
  border-color: #ffffff !important;
}

/* Dark mode link styling */
body.dark-mode a {
  color: #ffffff !important;
}

/* Dark mode input styling */
body.dark-mode input,
body.dark-mode textarea,
body.dark-mode select {
  background-color: #000000 !important;
  color: #ffffff !important;
  border-color: #ffffff !important;
}

/* Dark mode card and panel styling */
body.dark-mode .card,
body.dark-mode .panel,
body.dark-mode .container {
  background-color: #000000 !important;
  color: #ffffff !important;
  border-color: #ffffff !important;
}

/* Dark mode header and navigation */
body.dark-mode header,
body.dark-mode nav {
  background-color: #000000 !important;
  color: #ffffff !important;
}

/* Dark mode footer */
body.dark-mode footer {
  background-color: #000000 !important;
  color: #ffffff !important;
}

/* Dark mode icons */
body.dark-mode svg {
  color: #ffffff !important;
  fill: #ffffff !important;
}

/* Dark mode borders */
body.dark-mode * {
  border-color: #ffffff !important;
}

/* Theme information */
/* Theme Name: Red */
/* Deployed: 2025-10-05T11:42:51.818Z */
/* Deployed by: admin */