.app-wrapper.theme-night {
    --medieval-bg: #0a051a;
    --medieval-panel: rgba(15, 10, 25, 0.92);
    --medieval-panel-strong: rgba(10, 5, 18, 0.96);
    --medieval-border: rgba(150, 0, 255, 0.5);
    --medieval-gold: #9600ff;
    --medieval-gold-dark: #6400cc;
    --medieval-text: #e0d0ff;
    --medieval-muted: #8866aa;
    --medieval-shadow: rgba(150, 0, 255, 0.2);
    --topbar-bg: rgb(10 5 20 / 90%);
    --topbar-border: rgba(150, 0, 255, 0.3);
    --medieval-surface: rgba(20, 15, 35, 0.7);
    --medieval-surface-strong: rgba(15, 10, 25, 0.9);
    --medieval-surface-alt: rgba(25, 20, 40, 0.9);
    --medieval-overlay: rgba(5, 2, 10, 0.7);
    --medieval-overlay-strong: rgba(5, 2, 10, 0.95);
    --medieval-card: rgba(20, 15, 30, 0.6);
    --medieval-card-hover: rgba(30, 20, 45, 0.6);
    --medieval-progress-bg: color-mix(in srgb, var(--medieval-text) 15%, transparent);
    --medieval-ui-surface: color-mix(in srgb, var(--medieval-text) 8%, transparent);
    --medieval-ui-surface-hover: color-mix(in srgb, var(--medieval-text) 16%, transparent);
    --medieval-ui-surface-strong: color-mix(in srgb, var(--medieval-text) 22%, transparent);
    --medieval-ui-border: color-mix(in srgb, var(--medieval-text) 14%, transparent);
    --medieval-ui-border-strong: color-mix(in srgb, var(--medieval-text) 20%, transparent);
    --medieval-ui-text: color-mix(in srgb, var(--medieval-text) 70%, transparent);
    --medieval-ui-text-muted: color-mix(in srgb, var(--medieval-text) 50%, transparent);
    --medieval-ui-text-strong: color-mix(in srgb, var(--medieval-text) 90%, transparent);
    --medieval-action-bg: color-mix(in srgb, var(--medieval-gold) 30%, transparent);
    --medieval-action-border: color-mix(in srgb, var(--medieval-gold) 55%, transparent);
    --medieval-map-surface: var(--medieval-panel-strong);
    --medieval-map-surface-alt: var(--medieval-panel);
    --medieval-map-surface-hover: var(--medieval-card-hover);
    --medieval-map-active: color-mix(in srgb, var(--medieval-gold) 25%, var(--medieval-panel-strong) 75%);
    --medieval-map-border: var(--medieval-border);
    --medieval-map-text: var(--medieval-text);
    --medieval-map-text-muted: var(--medieval-muted);
    --medieval-map-divider: color-mix(in srgb, var(--medieval-border) 60%, transparent);
    --medieval-map-overlay: var(--medieval-overlay-strong);
    --medieval-status-offline: color-mix(in srgb, var(--medieval-muted) 70%, #000 30%);
    --medieval-status-online: color-mix(in srgb, #9600ff 70%, var(--medieval-gold) 30%);
    --medieval-status-border: color-mix(in srgb, var(--medieval-bg) 80%, #000 20%);
    --medieval-profile-header: color-mix(in srgb, var(--medieval-text) 6%, transparent);
    --medieval-profile-stat: color-mix(in srgb, var(--medieval-text) 8%, transparent);
    --medieval-chat-input-bg: var(--medieval-ui-surface);
    --medieval-chat-input-focus: var(--medieval-ui-surface-hover);
    --medieval-chat-scrollbar-track: var(--medieval-ui-surface);
    --medieval-chat-scrollbar-thumb: var(--medieval-ui-surface-strong);
    --medieval-chat-scrollbar-thumb-hover: var(--medieval-ui-surface-hover);
    --medieval-error-bg: color-mix(in srgb, #ff003c 60%, var(--medieval-panel) 40%);
    --season-banner-text: #f1e9ff;
    --season-banner-bg-start: rgba(22, 7, 44, 0.96);
    --season-banner-bg-mid: rgba(48, 14, 86, 0.98);
    --season-banner-bg-end: rgba(137, 30, 222, 0.98);
    --season-banner-border: rgba(182, 118, 255, 0.34);
    --season-banner-shadow: rgba(23, 5, 48, 0.34);
    --season-banner-item-glow: rgba(255, 255, 255, 0.14);
    --season-banner-item-bg-start: rgba(46, 15, 84, 0.94);
    --season-banner-item-bg-mid: rgba(84, 27, 140, 0.96);
    --season-banner-item-bg-end: rgba(123, 43, 187, 0.94);
    --season-banner-item-shadow: rgba(38, 11, 72, 0.28);
    --season-banner-item-highlight: rgba(255, 255, 255, 0.1);
    --season-banner-summary-text: rgba(244, 235, 255, 0.92);
    --season-banner-item-text: #faf7ff;
    --season-banner-loading-text: rgba(244, 235, 255, 0.92);
}