/*
 * Bot Hound — Centralized Color Theme
 *
 * Import this file in every page: <link rel="stylesheet" href="theme.css">
 * Then use var(--color-name) in page-specific styles.
 *
 * Changing a value here updates it across all pages.
 */

:root {
  /* Page backgrounds */
  --color-bg-page:        #0d1117;
  --color-bg-gradient:    #162040;
  --color-bg-panel:       #1e232a;
  --color-bg-subtle:      #21262d;

  /* Borders */
  --color-border-default: #3d444d;
  --color-border-muted:   #484f58;

  /* Text */
  --color-text-primary:   #f0f6fc;
  --color-text-default:   #e6edf3;
  --color-text-secondary: #c9d1d9;
  --color-text-muted:     #8b949e;
  --color-text-dim:       #484f58;
  --color-text-dimmer:    #6e7681;

  /* Accents */
  --color-accent-blue:    #58a6ff;
  --color-accent-blue-light: #79c0ff;
  --color-accent-green:   #56d364;
  --color-accent-green-bright: #3fb950;
  --color-accent-red:     #f85149;
  --color-accent-purple:  #d2a8ff;
  --color-accent-yellow:  #d29922;

  /* Scrollbar */
  --color-scrollbar-thumb: #484f58;
  --color-scrollbar-hover: #6e7681;
  --color-scrollbar-track: transparent;

  /* Buttons */
  --color-btn-green:      #238636;
  --color-btn-green-hover:#2ea043;
  --color-btn-blue:       #1f6feb;
  --color-btn-blue-hover: #388bfd;
  --color-btn-twitter:    #1d9bf0;
}

/* Thin dark scrollbar — matches X dark mode */
* {
  scrollbar-width: thin;
  scrollbar-color: var(--color-scrollbar-thumb) var(--color-scrollbar-track);
}
::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-track {
  background: var(--color-scrollbar-track);
}
::-webkit-scrollbar-thumb {
  background: var(--color-scrollbar-thumb);
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: var(--color-scrollbar-hover);
}