/* Dracula Theme Override for LinkStack Mono */
/* Place this AFTER the default skeleton-auto.css */

:root {
  --dracula-bg: #282A36;
  --dracula-bg-alt: #44475A;
  --dracula-fg: #F8F8F2;
  --dracula-muted: #6272A4;
  --dracula-red: #FF5555;
  --dracula-orange: #FFB86C;
  --dracula-yellow: #F1FA8C;
  --dracula-green: #50FA7B;
  --dracula-cyan: #8BE9FD;
  --dracula-purple: #BD93F9;
  --dracula-pink: #FF79C6;
}

/* Base layout */
body, html {
  background-color: var(--dracula-bg) !important;
  color: var(--dracula-fg) !important;
}

/* Headings and main text */
h1, h2, h3, h4, h5, h6 {
  color: var(--dracula-fg) !important;
}

p, span, li, a, label {
  color: var(--dracula-fg) !important;
}

/* Muted / secondary text */
.text-muted, .footer, small, .subtext {
  color: var(--dracula-muted) !important;
}

/* Cards and content boxes */
.card, .profile-card, .link-card, .box, .panel {
  background-color: var(--dracula-bg-alt) !important;
  color: var(--dracula-fg) !important;
  border-color: var(--dracula-muted) !important;
}

/* Buttons */
button, .btn {
  background-color: var(--dracula-purple) !important;
  color: var(--dracula-fg) !important;
  border: none !important;
  transition: background 0.2s ease;
}

button:hover, .btn:hover {
  background-color: var(--dracula-pink) !important;
}

/* Accent / primary button */
.btn-primary {
  background-color: var(--dracula-green) !important;
  color: var(--dracula-bg) !important;
}
.btn-primary:hover {
  background-color: var(--dracula-orange) !important;
}

/* Links */
a {
  color: var(--dracula-cyan) !important;
  text-decoration: none;
}
a:hover {
  color: var(--dracula-pink) !important;
  text-decoration: underline;
}

/* Icons */
svg, .icon {
  fill: var(--dracula-cyan) !important;
  color: var(--dracula-cyan) !important;
}

/* Inputs & fields */
input, textarea, select {
  background-color: var(--dracula-bg-alt) !important;
  color: var(--dracula-fg) !important;
  border: 1px solid var(--dracula-muted) !important;
}
input:focus, textarea:focus, select:focus {
  border-color: var(--dracula-purple) !important;
  box-shadow: 0 0 5px var(--dracula-purple) !important;
}

/* Divider lines */
hr {
  border-color: var(--dracula-muted) !important;
}

/* Tooltips or modals */
.modal, .tooltip {
  background-color: var(--dracula-bg-alt) !important;
  color: var(--dracula-fg) !important;
}

/* Special / alert states */
.alert-error {
  background-color: var(--dracula-red) !important;
  color: var(--dracula-bg) !important;
}
.alert-success {
  background-color: var(--dracula-green) !important;
  color: var(--dracula-bg) !important;
}

/* Optional: shadows */
.card, .panel, .btn, .modal {
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.4) !important;
}