/* Reusable, theme-aware components for public pages and the admin panel. */
.avium-card {
    color: var(--surface-contrast-text, var(--avium-ink-950));
    background: var(--card-bg-color, var(--avium-white));
    border: 1px solid var(--card-border-color, var(--avium-mint-100));
    border-radius: var(--avium-radius-lg);
    box-shadow: var(--avium-shadow-sm);
}

.avium-btn {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--avium-space-2);
    padding: .75rem 1.1rem;
    color: var(--primary-contrast-text, var(--avium-white));
    background: var(--primary-color, var(--avium-green-600));
    border: 1px solid transparent;
    border-radius: var(--avium-radius-md);
    font: inherit;
    font-weight: 800;
    text-decoration: none;
    cursor: pointer;
    transition: transform var(--avium-transition), background var(--avium-transition), color var(--avium-transition), box-shadow var(--avium-transition);
}

.avium-btn:hover {
    color: var(--action-hover-text, var(--avium-white));
    background: var(--action-hover, var(--avium-ink-800));
    transform: translateY(-1px);
}

.avium-btn:focus-visible,
.avium-field:focus-visible {
    box-shadow: var(--avium-focus-ring);
}