@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500&display=swap');

/* !important on each var: Gatus's own app.css declares .dark after this
   stylesheet in <head>, so a same-specificity .dark rule alone loses
   the cascade -- these need to win outright. */
.dark {
  --background: 0 0% 9% !important;        /* #181818 */
  --foreground: 0 0% 88% !important;        /* #e0e0e0 */
  --card: 0 0% 12% !important;              /* #1f1f1f */
  --card-foreground: 0 0% 88% !important;
  --secondary: 0 0% 15% !important;
  --muted: 0 0% 15% !important;
  --muted-foreground: 0 0% 53% !important;  /* #888888 */
  --accent: 0 0% 18% !important;
  --border: 0 0% 18% !important;
}

code, pre, .font-mono {
  font-family: 'JetBrains Mono', ui-monospace, Consolas, monospace !important;
}
