/* Default Theme - Word Button Styling */

/* Word button theme-specific properties */
.word-button {
    /* Border radius (roundness of corners) */
    border-radius: 4px;

    /* Colors */
    background-color: var(--button-bg);
    color: var(--button-text);
    border: 1px solid var(--border-color);

    /* Outline on focus */
    outline: none;

    /* Transitions for interactive states */
    transition: background-color 0.2s ease, transform 0.2s ease;
}

.word-button:hover {
    background-color: var(--button-hover-bg);
}

.word-button:focus {
    outline: 2px solid var(--input-focus);
    outline-offset: 2px;
}

/* Word in list styling in textbox (shares theme with word buttons) */
.word-in-list {
    /* Border radius (roundness of corners) */
    border-radius: 4px;

    /* Colors */
    background-color: var(--button-bg);
    color: var(--button-text);
    border: 1px solid var(--border-color);
}