/* ── Event UI design tokens — warm ivory / espresso (Roadmaps-aligned) ── */
:root,
[data-theme="light"] {
  --evt-bg: #F5FAF7;
  --evt-bg-2: #EEF4F0;
  --evt-page-bg: #F5FAF7;
  --evt-page-bg-secondary: #EEF4F0;
  --evt-surface-1: rgba(255, 255, 255, 0.96);
  --evt-surface-2: rgba(255, 255, 255, 0.98);
  --evt-surface-3: rgba(238, 244, 240, 0.98);
  --evt-surface-glass: rgba(11, 127, 88, 0.04);
  --evt-border-soft: rgba(220, 234, 226, 0.55);
  --evt-border-strong: rgba(191, 214, 202, 0.65);
  --evt-text-primary: #0B2A1F;
  --evt-text-secondary: #3C5248;
  --evt-text-muted: rgba(11, 42, 31, 0.72);
  --evt-text-on-accent: #FFFFFF;
  --evt-text-on-gradient: #0B2A1F;
  --evt-accent-violet: #0B7F58;
  --evt-accent-blue: #0E9F6E;
  --evt-accent-pink: #075C40;
  --evt-accent-gold: #B07A00;
  --evt-accent-lavender: #BFD6CA;
  --evt-shadow-card: 0 4px 16px rgba(11, 42, 31, 0.06);
  --evt-shadow-card-hover: 0 8px 24px rgba(11, 42, 31, 0.10);
  --evt-glow-violet: 0 0 0 1px rgba(14, 159, 110, 0.10), 0 4px 16px rgba(11, 42, 31, 0.06);
  --evt-hero-gradient: linear-gradient(90deg, #F5FAF7 0%, #DCEAE2 42%, #BFD6CA 100%);
  --evt-hero-overlay-a: radial-gradient(circle at 14% 22%, rgba(255, 255, 255, 0.55), transparent 34%);
  --evt-hero-overlay-b: radial-gradient(circle at 84% 26%, rgba(255, 255, 255, 0.35), transparent 30%);
  --evt-card-gradient: linear-gradient(135deg, #EEF4F0 0%, #F5FAF7 42%, #DCEAE2 100%);
  --evt-card-body-bg: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(255, 255, 255, 0.96) 100%);
  --evt-card-shell: linear-gradient(180deg, rgba(255, 255, 255, 0.96) 0%, rgba(255, 255, 255, 0.98) 100%);
  --evt-card-head-overlay: linear-gradient(to top, rgba(255, 255, 255, 0.45), transparent 50%);
  --evt-card-title: #0B2A1F;
  --evt-card-subtitle: rgba(11, 42, 31, 0.72);
  --evt-card-meta: rgba(11, 42, 31, 0.72);
  --evt-card-text: #3C5248;
  --evt-card-more: #0B7F58;
  --evt-card-more-hover: #075C40;
  --evt-hover-lift: -3px;
  --evt-radius-hero: 22px;
  --evt-radius-card: 16px;
  --evt-radius-inner: 14px;
  --evt-radius-meta: 12px;
  --evt-radius-control: 12px;
  --evt-badge-purple-bg: rgba(220, 234, 226, 0.35);
  --evt-badge-purple-border: rgba(191, 214, 202, 0.45);
  --evt-badge-purple-text: #0B7F58;
  --evt-badge-blue-bg: rgba(191, 214, 202, 0.28);
  --evt-badge-blue-border: rgba(176, 122, 0, 0.35);
  --evt-badge-blue-text: #075C40;
  --evt-badge-gold-bg: linear-gradient(135deg, rgba(220, 234, 226, 0.75) 0%, rgba(191, 214, 202, 0.78) 100%);
  --evt-badge-gold-border: rgba(176, 122, 0, 0.34);
  --evt-badge-gold-text: #3C5248;
  --evt-badge-gold-glow: none;
  --evt-badge-muted-bg: rgba(220, 234, 226, 0.28);
  --evt-badge-muted-border: rgba(191, 214, 202, 0.28);
  --evt-badge-muted-text: #3C5248;
  --evt-badge-level-bg: var(--evt-badge-gold-bg);
  --evt-badge-level-text: var(--evt-badge-gold-text);
  --evt-badge-intl-bg: linear-gradient(135deg, #EEF4F0 0%, #DCEAE2 100%);
  --evt-badge-intl-text: #075C40;
  --evt-badge-neutral-bg: var(--evt-badge-purple-bg);
  --evt-badge-neutral-border: var(--evt-badge-purple-border);
  --evt-badge-neutral-text: var(--evt-badge-purple-text);
  --evt-badge-status-bg: var(--evt-badge-blue-bg);
  --evt-badge-status-text: var(--evt-badge-blue-text);
  --evt-share-bg: rgba(255, 255, 255, 0.88);
  --evt-share-border: rgba(191, 214, 202, 0.35);
  --evt-share-color: #3C5248;
  --evt-share-shadow: 0 8px 20px rgba(11, 42, 31, 0.08);
  --evt-blur: 14px;
}

[data-theme="dark"] {
  --evt-bg: #0B2A1F;
  --evt-bg-2: #163D2E;
  --evt-page-bg: #0B2A1F;
  --evt-page-bg-secondary: #163D2E;
  --evt-surface-1: rgba(22, 61, 46, 0.94);
  --evt-surface-2: rgba(11, 42, 31, 0.96);
  --evt-surface-3: rgba(7, 92, 64, 0.96);
  --evt-surface-glass: rgba(255, 255, 255, 0.04);
  --evt-border-soft: rgba(220, 234, 226, 0.22);
  --evt-border-strong: rgba(191, 214, 202, 0.32);
  --evt-text-primary: #FFFFFF;
  --evt-text-secondary: #DCEAE2;
  --evt-text-muted: rgba(245, 250, 247, 0.72);
  --evt-text-on-accent: #FFFFFF;
  --evt-text-on-gradient: #FFFFFF;
  --evt-accent-violet: #B07A00;
  --evt-accent-blue: #0E9F6E;
  --evt-accent-gold: #BFD6CA;
  --evt-shadow-card: 0 20px 48px rgba(0, 0, 0, 0.34);
  --evt-shadow-card-hover: 0 28px 80px rgba(0, 0, 0, 0.48);
  --evt-glow-violet: 0 0 0 1px rgba(191, 214, 202, 0.18), 0 0 28px rgba(11, 42, 31, 0.25);
  --evt-hero-gradient: linear-gradient(90deg, #3C5248 0%, #075C40 40%, #0E9F6E 100%);
  --evt-hero-overlay-a: radial-gradient(circle at 14% 22%, rgba(255, 255, 255, 0.08), transparent 34%);
  --evt-hero-overlay-b: radial-gradient(circle at 84% 26%, rgba(220, 234, 226, 0.14), transparent 30%);
  --evt-card-gradient: linear-gradient(90deg, #3C5248 0%, #075C40 40%, #0E9F6E 100%);
  --evt-card-body-bg: linear-gradient(180deg, rgba(22, 61, 46, 0.96) 0%, rgba(11, 42, 31, 0.98) 100%);
  --evt-card-shell: linear-gradient(180deg, rgba(22, 61, 46, 0.96) 0%, rgba(11, 42, 31, 0.98) 100%);
  --evt-card-head-overlay: linear-gradient(to top, rgba(11, 42, 31, 0.45), transparent 48%);
  --evt-card-title: #FFFFFF;
  --evt-card-subtitle: rgba(220, 234, 226, 0.88);
  --evt-card-meta: rgba(191, 214, 202, 0.78);
  --evt-card-text: #DCEAE2;
  --evt-card-more: #DCEAE2;
  --evt-card-more-hover: #F5FAF7;
  --evt-hover-lift: -5px;
  --evt-badge-purple-bg: rgba(191, 214, 202, 0.18);
  --evt-badge-purple-border: rgba(220, 234, 226, 0.22);
  --evt-badge-purple-text: #F5FAF7;
  --evt-badge-blue-bg: rgba(176, 122, 0, 0.20);
  --evt-badge-blue-border: rgba(191, 214, 202, 0.22);
  --evt-badge-blue-text: #DCEAE2;
  --evt-badge-gold-bg: linear-gradient(135deg, rgba(220, 234, 226, 0.22) 0%, rgba(176, 122, 0, 0.22) 100%);
  --evt-badge-gold-border: rgba(220, 234, 226, 0.34);
  --evt-badge-gold-text: #F5FAF7;
  --evt-badge-gold-glow: none;
  --evt-badge-muted-bg: rgba(11, 42, 31, 0.35);
  --evt-badge-muted-border: rgba(191, 214, 202, 0.22);
  --evt-badge-muted-text: #DCEAE2;
  --evt-badge-level-bg: var(--evt-badge-gold-bg);
  --evt-badge-level-text: var(--evt-badge-gold-text);
  --evt-badge-intl-bg: linear-gradient(135deg, #075C40 0%, #3C5248 100%);
  --evt-badge-intl-text: #F5FAF7;
  --evt-badge-neutral-bg: var(--evt-badge-purple-bg);
  --evt-badge-neutral-border: var(--evt-badge-purple-border);
  --evt-badge-neutral-text: var(--evt-badge-purple-text);
  --evt-badge-status-bg: var(--evt-badge-blue-bg);
  --evt-badge-status-text: var(--evt-badge-blue-text);
  --evt-share-bg: rgba(11, 42, 31, 0.45);
  --evt-share-border: rgba(220, 234, 226, 0.22);
  --evt-share-color: #F5FAF7;
  --evt-share-shadow: 0 10px 24px rgba(0, 0, 0, 0.22);
  --evt-blur: 16px;
}