/* SpaceBot.Space — Font Overrides + Dark Mode Colors */

@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@300;400;500;600;700&family=Fira+Code:wght@300;400;500;600;700&family=Share+Tech+Mono&display=swap');

@font-face {
  font-family: 'Glass TTY VT220';
  src: url('/humhub/static/font/Glass_TTY_VT220.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

/* SWAP 1: Open Sans -> JetBrains Mono */
body {
  font-family: 'JetBrains Mono', monospace !important;
}

/* SWAP 2: Helvetica Neue -> Fira Code */
h1, h2, h3, h4, h5, h6 {
  font-family: 'Fira Code', monospace !important;
}

/* SWAP 3: Arial small labels -> Share Tech Mono */
small, .help-block, .text-muted, label, .form-hint, .hint-block, .caption {
  font-family: 'Share Tech Mono', monospace !important;
}

/* SWAP 4: Glass TTY VT220 — all caps, 24px */
.navbar-brand, .navbar-brand *,
.panel-heading {
  font-family: 'Glass TTY VT220', monospace !important;
  text-transform: uppercase;
  font-size: 24px !important;
}

/* DARK MODE ONLY */
@media (prefers-color-scheme: dark) {
  /* Terminal green replaces teal for info/links */
  :root {
    --info: #00DC00 !important;
    --link: #00DC00 !important;
  }
  .colorInfo { color: #00DC00 !important; }
  .backgroundInfo { background-color: #0000FF !important; }
  .borderInfo { border-color: #0000FF !important; }
  .colorLink { color: #00DC00 !important; }
  a { color: #00DC00; }
  a:hover { color: #33FF33; }

  /* Pure blue for buttons/badges/active elements */
  :root {
    --primary: #0000FF !important;
  }
  .btn-info, .btn-primary {
    background-color: #0000FF !important;
    border-color: #0000FF !important;
    color: #FFFFFF !important;
  }
  .btn-info:hover, .btn-primary:hover {
    background-color: #3333FF !important;
    border-color: #3333FF !important;
    color: #FFFFFF !important;
  }
  .backgroundPrimary { background-color: #0000FF !important; }
  .colorPrimary { color: #0000FF !important; }
  .borderPrimary { border-color: #0000FF !important; }

  /* Active tabs, selected states */
  .nav-tabs > li.active > a,
  .nav-tabs > li.active > a:hover,
  .nav-tabs > li.active > a:focus {
    border-bottom-color: #0000FF !important;
  }

  /* Badges and labels */
  .badge, .label-info, .label-primary {
    background-color: #0000FF !important;
    color: #FFFFFF !important;
  }

  /* Progress bars */
  .progress-bar, .progress-bar-info {
    background-color: #0000FF !important;
  }

  /* White text on any blue background */
  .btn-info *, .btn-primary *,
  .badge *, .label-info *, .label-primary * {
    color: #FFFFFF !important;
  }

  /* Space avatars and any remaining teal */
  .space-acronym,
  .space-profile-acronym,
  [style*="background-color: #21a1b3"],
  [style*="background-color:#21a1b3"],
  [style*="background-color: #21A1B3"],
  [style*="background-color:#21A1B3"],
  .backgroundInfo {
    background-color: #0000FF !important;
    color: #FFFFFF !important;
  }
}