/* Theme Toggle Styles */

.theme-toggle {
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 100;
}

.theme-btn {
    background: none;
    border: 2px solid #333;
    color: #333;
    padding: 8px 15px;
    font-family: "Courier New", monospace;
    font-size: 0.9em;
    cursor: pointer;
    text-transform: lowercase;
    transition: all 0.3s ease;
}

.dark-theme .theme-btn {
    border-color: var(--accent-color);
    color: var(--accent-color);
    background-color: rgba(155, 89, 182, 0.1);
}

.theme-btn:hover {
    background-color: rgba(51, 51, 51, 0.1);
}

.dark-theme .theme-btn:hover {
    background-color: rgba(155, 89, 182, 0.2);
}