/* Base: use tokens em todo o app */
body {
    background: var(--bg);
    color: var(--text);
}

.card {
    background: var(--surface);
    border: 1px solid var(--border);
}

.muted {
    color: var(--text-muted);
}

.form-button {
    background: var(--primary);
    color: var(--on-primary);
    border: 1px solid var(--primary);
    border-radius: 10px;
    padding: 10px 14px;
    cursor: pointer;
    transition: background .2s ease, transform .05s ease;
}

.form-button:hover {
    background: var(--primary-hover);
}

.form-button:active {
    transform: translateY(1px);
}

a {
    color: var(--accent);
}

:focus-visible {
    outline: 2px solid var(--ring);
    outline-offset: 2px;
}

.border {
    border: 1px solid var(--border);
}