.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%);
}