/* === SETTINGS SCREEN === */

.settings-option { 
    width: 100%; 
    background-color: rgba(0,0,0,0.2); 
    border: 1px solid var(--color-border); 
    padding: 1rem 1.5rem; 
    border-radius: 4px; 
    display: flex; 
    align-items: center; 
    font-size: 1.1rem; 
    font-weight: bold; 
    cursor: pointer; 
    transition: all 0.3s ease; 
}

.settings-option:hover { 
    border-color: var(--color-primary-cyan); 
    color: var(--color-primary-cyan); 
    box-shadow: 0 0 15px var(--color-primary-cyan); 
}

.settings-option i { 
    width: 30px; 
    margin-right: 1rem; 
    text-align: center; 
}

.settings-option.text-accent-red:hover { 
    border-color: var(--color-accent-red); 
    color: var(--color-accent-red); 
    box-shadow: 0 0 15px var(--color-accent-red); 
}