/* Tectonic CSS */

.tectonic-grid {
    margin: 0 auto;
    user-select: none;
    cursor: pointer;
}

.tectonic-cell {
    transition: background-color 0.2s;
}

.tectonic-cell.selected {
    background-color: color-mix(in srgb, var(--color-primary) 10%, transparent) !important;
}

.tectonic-cell.error {
    border: 3px solid var(--color-error, #ef4444) !important;
}

.tectonic-cell.given {
    font-weight: bold;
    color: var(--color-text-main);
}

.tectonic-cell.user {
    color: var(--color-primary);
}