/* static/style_dark.css */

/* Neon Tron theme via CSS variables */
:root {
  --bg: #000000;
  --text: #FFFFFF;
  --muted-text: #B9E5EB;

  --card-bg: #212121;
  /*--input-bg: #212121;*/
  --input-bg: #23263C;
  --input-border: #6BD2DE;

  --btn-bg: #6BD2DE;
  --btn-text: #000000;
  --btn-hover-bg: #B9E5EB;
  --btn-hover-text: #000000;

  --btn-secondary-bg: #212121;
  --btn-secondary-text: #6BD2DE;
  --btn-secondary-border: #6BD2DE;

  --table-border: #6BD2DE;
  --accent: #6BD2DE;

  --footer-bg: #212121;
  --footer-text: #6BD2DE;
  --footer-border: #6BD2DE;
  --footer-link: #6BD2DE;
  --footer-link-hover: #B9E5EB;

  --chip-bg: #6BD2DE;
  --chip-text: #000000;
  --chip-danger-bg: #c0392b;
  --chip-danger-text: #ffffff;

  --notice-bg: #212121;
  --notice-border: #6BD2DE;
  --notice-text: #B9E5EB;

  --notice-err-bg: #212121;
  --notice-err-border: #e74c3c;
  --notice-err-text: #ff6b6b;

  /* keep the same warn palette for both themes for accessibility */
  --notice-warn-bg: #fff7e0;
  --notice-warn-border: #ffe08a;
  --notice-warn-text: #856404;

  /* LED colors for dark theme */
  --led-in:   #2ecc71;
  --led-break:#f1c40f;
  --led-out:  #e74c3c;

  /* Slight teal-tinted glow looks “Tron”-y on dark */
  --led-glow: rgba(107,210,222,0.35);
}

/* Optional neon accents (table headers, etc.) */
.table th { color: var(--accent); background: #000000; }

/* =======================================
   FORCE ALL ERROR / WARNING TO NEON ORANGE
   ======================================= */

.err,
.err * {
  color: #ff5c00 !important;
  border-color: #ff5c00 !important;
}

.err ul,
.err li,
.err strong,
.err span,
.err div {
  color: #ff5c00 !important;
}

/* If form-card sets color, override it */
.form-card.err,
.form-card.err * {
  color: #ff5c00 !important;
  border-color: #ff5c00 !important;
}