/* 1. THE VOID (Global Styles) */
body {
  background-color: #000; /* Deep Black */
  color: #666;           /* Silver/Grey Text */
  font-family: 'Courier New', monospace; /* Terminal vibe */
  margin: 0;
}

/* 2. THE PERMANENT CURSOR */
/* Using the wildcard * and !important ensures the book stays even on highlight/right-click */
*, html, body {
    cursor: url("grimoire-cursor.png") 0 0, auto !important;
}

a, button, .song-item, .tab-links {
    cursor: url("grimoire-cursor.png") 0 0, pointer !important;
}

/* 3. TAB NAVIGATION (Horizontal Bar) */
#tabs {
    display: flex;
    gap: 15px;
    padding: 20px;
    border-bottom: 1px solid #333;
    background: #000;
}

.tab-links {
    color: #8a2be2; /* Glowing Purple */
    text-decoration: none;
    font-size: 12px;
    border: 1px solid #222;
    padding: 10px;
    background: rgba(10, 10, 10, 0.8);
    transition: 0.3s;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.tab-links:hover {
    background: #8a2be2;
    color: #000;
    box-shadow: 0 0 10px #8a2be2;
}

/* 4. SELECTION GLOW */
*::selection {
    background: rgba(138, 43, 226, 0.3);
    color: #fff;
}

/* ADD THIS TO THE BOTTOM OF style.css */

#tabs a, .tab-links, a[href] {
    cursor: url('grimoire-cursor.png') 0 0, pointer !important;
    display: inline-block; 
}

/* This specifically targets the links inside your div with the id "tabs" */
#tabs a {
    text-decoration: none;
    color: #8a2be2;
    padding: 5px;
}

#tabs a:hover {
    color: #fff;
    text-shadow: 0 0 10px #8a2be2;
}