/* THEME: SOFT RESET / BASE */
/* Load this BEFORE your specific theme, or keep it active in the background. */

/* 1. CONTAINER DEFAULTS */
.character-card {
    /* Reset geometric distortions */
    transform: none;
    clip-path: none;
    mask: none;
    
    /* Reset visual effects */
    backdrop-filter: none;
    box-shadow: none;
    background-image: none;
    
    /* Reset borders and spacing */
    border-radius: 0;
    margin: 0;
    
    /* Set a safe fallback background (so it's not invisible if a theme fails) */
    background-color: #ffffff; 
    color: #000000;
    
    /* Typography defaults */
    font-family: sans-serif;
    letter-spacing: normal;
    text-shadow: none;
}

/* 2. HEADER DEFAULTS */
.char-name {
    transform: none;
    text-shadow: none;
    letter-spacing: normal;
    text-transform: none;
    border: none;
    font-style: normal;
    font-weight: bold;
    text-align: left;
    margin-top: 0;
}

/* 3. BUTTON DEFAULTS */
.actions {
    transform: none;
    gap: 5px;
    border: none;
}

.action-btn {
    transform: none;
    clip-path: none;
    box-shadow: none;
    border-radius: 0;
    
    /* Neutral button styling */
    background-color: #f0f0f0; 
    color: #000;
    border: 1px solid #999;
    
    font-weight: normal;
    text-transform: none;
    letter-spacing: normal;
}

/* 4. INPUT DEFAULTS */
.form-grid {
    transform: none;
}

.theme-input {
    background-color: #ffffff;
    border: 1px solid #ccc;
    border-radius: 0;
    box-shadow: none;
    color: #000;
    width: 100%;
}

/* 5. BAR DEFAULTS */
.bar-bg {
    transform: none;
    border-radius: 0;
    box-shadow: none;
    background-color: #e0e0e0;
    border: 1px solid #000;
    height: 10px;
}

.hp-fill, .mp-fill {
    box-shadow: none;
    background-image: none;
}