/* Events page — token overrides (replaces Events.razor inline styles) */

.ft-events-page .page-container,
.ft-events-page {
    background: var(--ft-color-bg-page);
    color: var(--ft-color-text-primary);
}

.ft-events-page .page-header,
.ft-events-page .filters-section,
.ft-events-page .stat-card,
.ft-events-page .content-section,
.ft-events-page .event-card,
.ft-events-page .events-grid-section {
    background: var(--ft-card-bg);
    border: 1px solid var(--ft-card-border);
    color: var(--ft-color-text-primary);
}

.ft-events-page .page-header {
    border-radius: var(--ft-radius-md);
    box-shadow: var(--ft-card-shadow);
}

.ft-events-page .page-title {
    color: var(--ft-color-text-primary);
}

.ft-events-page .page-title i {
    color: var(--ft-color-primary);
}

.ft-events-page .page-subtitle,
.ft-events-page .stat-label,
.ft-events-page .event-description,
.ft-events-page .loading-text {
    color: var(--ft-color-text-secondary);
}

.ft-events-page .stat-number,
.ft-events-page .event-title {
    color: var(--ft-color-text-primary);
}

.ft-events-page .stat-card.stat-primary { border-color: var(--ft-color-border-strong); }
.ft-events-page .stat-card.stat-success { background: var(--ft-badge-success-bg); }
.ft-events-page .stat-card.stat-info { background: var(--ft-badge-info-bg); }
.ft-events-page .stat-card.stat-warning { background: var(--ft-badge-warning-bg); }

.ft-events-page .filter-label {
    color: var(--ft-color-text-secondary);
}

.ft-events-page .event-card {
    border-radius: var(--ft-radius-md);
    transition: border-color var(--ft-transition-normal), box-shadow var(--ft-transition-normal);
}

.ft-events-page .event-card:hover {
    border-color: var(--ft-color-border-strong);
    box-shadow: var(--ft-shadow-md);
}

.ft-events-page .event-placeholder {
    background: var(--ft-color-bg-elevated);
    color: var(--ft-color-text-muted);
}

.ft-events-page .event-detail,
.ft-events-page .event-detail span {
    color: var(--ft-color-text-secondary);
}

.ft-events-page .modal-content,
.ft-events-page .modal-header,
.ft-events-page .modal-body {
    background: var(--ft-card-bg);
    color: var(--ft-color-text-primary);
    border-color: var(--ft-card-border);
}

.ft-events-page .loading-container {
    color: var(--ft-color-text-muted);
}