/* ── Event UI design tokens — warm ivory / espresso (Roadmaps-aligned) ── */
:root,
[data-theme="light"] {
  --evt-bg: #E5DED4;
  --evt-bg-2: #EFE8DE;
  --evt-page-bg: #E5DED4;
  --evt-page-bg-secondary: #EFE8DE;
  --evt-surface-1: rgba(251, 248, 243, 0.96);
  --evt-surface-2: rgba(245, 240, 233, 0.98);
  --evt-surface-3: rgba(239, 232, 222, 0.98);
  --evt-surface-glass: rgba(118, 86, 61, 0.04);
  --evt-border-soft: rgba(200, 182, 161, 0.55);
  --evt-border-strong: rgba(178, 147, 120, 0.65);
  --evt-text-primary: #251A16;
  --evt-text-secondary: #503829;
  --evt-text-muted: rgba(80, 56, 41, 0.72);
  --evt-text-on-accent: #FBF8F3;
  --evt-text-on-gradient: #251A16;
  --evt-accent-violet: #76563D;
  --evt-accent-blue: #886142;
  --evt-accent-pink: #694A36;
  --evt-accent-gold: #9D7353;
  --evt-accent-lavender: #B29378;
  --evt-shadow-card: 0 4px 16px rgba(80, 56, 41, 0.06);
  --evt-shadow-card-hover: 0 8px 24px rgba(80, 56, 41, 0.10);
  --evt-glow-violet: 0 0 0 1px rgba(136, 97, 66, 0.10), 0 4px 16px rgba(80, 56, 41, 0.06);
  --evt-hero-gradient: linear-gradient(90deg, #E5DED4 0%, #C8B6A1 42%, #B29378 100%);
  --evt-hero-overlay-a: radial-gradient(circle at 14% 22%, rgba(251, 248, 243, 0.55), transparent 34%);
  --evt-hero-overlay-b: radial-gradient(circle at 84% 26%, rgba(245, 240, 233, 0.35), transparent 30%);
  --evt-card-gradient: linear-gradient(135deg, #EFE8DE 0%, #E5DED4 42%, #C8B6A1 100%);
  --evt-card-body-bg: linear-gradient(180deg, rgba(251, 248, 243, 0.98) 0%, rgba(245, 240, 233, 0.96) 100%);
  --evt-card-shell: linear-gradient(180deg, rgba(251, 248, 243, 0.96) 0%, rgba(245, 240, 233, 0.98) 100%);
  --evt-card-head-overlay: linear-gradient(to top, rgba(251, 248, 243, 0.45), transparent 50%);
  --evt-card-title: #251A16;
  --evt-card-subtitle: rgba(37, 26, 22, 0.72);
  --evt-card-meta: rgba(80, 56, 41, 0.72);
  --evt-card-text: #503829;
  --evt-card-more: #76563D;
  --evt-card-more-hover: #694A36;
  --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(200, 182, 161, 0.35);
  --evt-badge-purple-border: rgba(178, 147, 120, 0.45);
  --evt-badge-purple-text: #76563D;
  --evt-badge-blue-bg: rgba(178, 147, 120, 0.28);
  --evt-badge-blue-border: rgba(157, 115, 83, 0.35);
  --evt-badge-blue-text: #694A36;
  --evt-badge-gold-bg: linear-gradient(135deg, rgba(200, 182, 161, 0.75) 0%, rgba(178, 147, 120, 0.78) 100%);
  --evt-badge-gold-border: rgba(157, 115, 83, 0.34);
  --evt-badge-gold-text: #503829;
  --evt-badge-gold-glow: none;
  --evt-badge-muted-bg: rgba(200, 182, 161, 0.28);
  --evt-badge-muted-border: rgba(178, 147, 120, 0.28);
  --evt-badge-muted-text: #503829;
  --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, #EFE8DE 0%, #C8B6A1 100%);
  --evt-badge-intl-text: #694A36;
  --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(251, 248, 243, 0.88);
  --evt-share-border: rgba(178, 147, 120, 0.35);
  --evt-share-color: #503829;
  --evt-share-shadow: 0 8px 20px rgba(80, 56, 41, 0.08);
  --evt-blur: 14px;
}

[data-theme="dark"] {
  --evt-bg: #251A16;
  --evt-bg-2: #3C2A20;
  --evt-page-bg: #251A16;
  --evt-page-bg-secondary: #3C2A20;
  --evt-surface-1: rgba(60, 42, 32, 0.94);
  --evt-surface-2: rgba(80, 56, 41, 0.96);
  --evt-surface-3: rgba(105, 74, 54, 0.96);
  --evt-surface-glass: rgba(255, 255, 255, 0.04);
  --evt-border-soft: rgba(200, 182, 161, 0.22);
  --evt-border-strong: rgba(178, 147, 120, 0.32);
  --evt-text-primary: #F5F0E9;
  --evt-text-secondary: #C8B6A1;
  --evt-text-muted: rgba(229, 222, 212, 0.72);
  --evt-text-on-accent: #FBF8F3;
  --evt-text-on-gradient: #F5F0E9;
  --evt-accent-violet: #9D7353;
  --evt-accent-blue: #886142;
  --evt-accent-gold: #B29378;
  --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(178, 147, 120, 0.18), 0 0 28px rgba(80, 56, 41, 0.25);
  --evt-hero-gradient: linear-gradient(90deg, #503829 0%, #694A36 40%, #886142 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(200, 182, 161, 0.14), transparent 30%);
  --evt-card-gradient: linear-gradient(90deg, #503829 0%, #694A36 40%, #886142 100%);
  --evt-card-body-bg: linear-gradient(180deg, rgba(60, 42, 32, 0.96) 0%, rgba(37, 26, 22, 0.98) 100%);
  --evt-card-shell: linear-gradient(180deg, rgba(60, 42, 32, 0.96) 0%, rgba(37, 26, 22, 0.98) 100%);
  --evt-card-head-overlay: linear-gradient(to top, rgba(37, 26, 22, 0.45), transparent 48%);
  --evt-card-title: #F5F0E9;
  --evt-card-subtitle: rgba(200, 182, 161, 0.88);
  --evt-card-meta: rgba(178, 147, 120, 0.78);
  --evt-card-text: #C8B6A1;
  --evt-card-more: #C8B6A1;
  --evt-card-more-hover: #E5DED4;
  --evt-hover-lift: -5px;
  --evt-badge-purple-bg: rgba(178, 147, 120, 0.18);
  --evt-badge-purple-border: rgba(200, 182, 161, 0.22);
  --evt-badge-purple-text: #E5DED4;
  --evt-badge-blue-bg: rgba(157, 115, 83, 0.20);
  --evt-badge-blue-border: rgba(178, 147, 120, 0.22);
  --evt-badge-blue-text: #C8B6A1;
  --evt-badge-gold-bg: linear-gradient(135deg, rgba(200, 182, 161, 0.22) 0%, rgba(157, 115, 83, 0.22) 100%);
  --evt-badge-gold-border: rgba(200, 182, 161, 0.34);
  --evt-badge-gold-text: #E5DED4;
  --evt-badge-gold-glow: none;
  --evt-badge-muted-bg: rgba(80, 56, 41, 0.35);
  --evt-badge-muted-border: rgba(178, 147, 120, 0.22);
  --evt-badge-muted-text: #C8B6A1;
  --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, #694A36 0%, #503829 100%);
  --evt-badge-intl-text: #E5DED4;
  --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(80, 56, 41, 0.45);
  --evt-share-border: rgba(200, 182, 161, 0.22);
  --evt-share-color: #E5DED4;
  --evt-share-shadow: 0 10px 24px rgba(0, 0, 0, 0.22);
  --evt-blur: 16px;
}