:root {
    --plotmart-brown: #5a3826;
    --plotmart-dark: #43291d;
    --plotmart-text: #4b2e1f;
    --plotmart-light: #8a6a55;
    --plotmart-border: #e5ddd5;
    --plotmart-bg: #faf8f5;
}
body {
    background-color: var(--plotmart-bg);
}
.plotmart-brand {
    color: var(--plotmart-text);
}

.plotmart-button {
    background-color: var(--plotmart-brown);
    color: white;
    transition: background-color 0.2s ease;
}

.plotmart-button:hover {
    background-color: var(--plotmart-dark);
}
input,
select,
textarea {
    width: 100%;
    margin-top: 6px;
    padding: 12px;
    border: 1px solid #d1d5db;
    border-radius: 8px;
}

input:focus,
select:focus,
textarea:focus {
    outline: none;
    border-color: #2563eb;
}

label {
    display: block;
    margin-bottom: 4px;
}

.errorlist {
    color: #dc2626;
    margin-top: 4px;
    margin-bottom: 8px;
}