.app-wrapper.theme-ember {
    --medieval-bg: #1a0505;
    --medieval-panel: rgba(25, 10, 10, 0.92);
    --medieval-panel-strong: rgba(18, 5, 5, 0.96);
    --medieval-border: rgba(255, 60, 0, 0.5);
    --medieval-gold: #ff3c00;
    --medieval-gold-dark: #cc3000;
    --medieval-text: #ffe0d0;
    --medieval-muted: #aa7766;
    --medieval-shadow: rgba(255, 60, 0, 0.2);
    --topbar-bg: rgb(20 5 5 / 90%);
    --topbar-border: rgba(255, 60, 0, 0.3);
    --medieval-surface: rgba(35, 15, 15, 0.7);
    --medieval-surface-strong: rgba(25, 10, 10, 0.9);
    --medieval-surface-alt: rgba(40, 20, 20, 0.9);
    --medieval-overlay: rgba(10, 2, 2, 0.7);
    --medieval-overlay-strong: rgba(10, 2, 2, 0.95);
    --medieval-card: rgba(30, 15, 15, 0.6);
    --medieval-card-hover: rgba(45, 20, 20, 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, #ff3c00 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%);
}