/* Buttons */
.btn {
    padding: var(--spacing-sm) var(--spacing-lg);
    border-radius: var(--radius-md);
    cursor: pointer;
    transition: background-color var(--transition-normal);
}
.btn-primary { background-color: var(--color-brand-primary); color: white; }
.btn-accent { background-color: var(--color-brand-accent); color: black; }

/* Cards */
.card {
    padding: var(--spacing-md);
    border-radius: var(--radius-md);
    box-shadow: var(--shadow-sm);
    background: white;
}

/* Badge */
.badge {
    padding: var(--spacing-xs) var(--spacing-sm);
    border-radius: var(--radius-sm);
    font-size: 0.8rem;
}

/* Forms */
.form-control {
    width: 100%;
    padding: var(--spacing-sm);
    border: 1px solid #ccc;
    border-radius: var(--radius-sm);
}
label { display: block; margin-bottom: var(--spacing-xs); }