:root {
    --aura-dark: #1B0332;
    --aura-accent: #9831B8;
    --aura-light: #fefbf5;
    --bg-primary: var(--aura-light);
    --bg-secondary: var(--aura-light);
    --card-bg: var(--aura-light);
    --card-strong: var(--aura-light);
    --text-main: var(--aura-dark);
    --text-muted: var(--aura-dark);
    --accent: var(--aura-accent);
    --accent-deep: var(--aura-accent);
    --accent-soft: var(--aura-light);
    --border-subtle: var(--aura-accent);
    --glow: none;
}

:root.dark {
    --bg-primary: var(--aura-dark);
    --bg-secondary: var(--aura-dark);
    --card-bg: var(--aura-dark);
    --card-strong: var(--aura-dark);
    --text-main: var(--aura-light);
    --text-muted: var(--aura-light);
    --accent-soft: var(--aura-dark);
}

html,
body {
    background: var(--bg-primary) !important;
    color: var(--text-main) !important;
}

body {
    overflow-x: hidden;
}

body::before,
.background-art,
.hero-orbit > .absolute {
    display: none !important;
}

.surface,
.ui-card,
.hero-orbit,
.prose,
.bg-card-bg,
.dark .dark\:bg-card-bg {
    background: var(--card-bg) !important;
    border-color: var(--accent) !important;
    box-shadow: none !important;
}

.bg-primary-dark {
    background: var(--aura-dark) !important;
}

header.bg-primary-dark,
header .bg-primary-dark {
    background: var(--bg-primary) !important;
}

header .text-text-light,
header .text-text-muted,
header .hover\:text-text-light:hover {
    color: var(--text-main) !important;
}

header .bg-accent,
header .bg-accent.text-text-light,
header .bg-accent.hover\:text-text-light:hover {
    color: var(--aura-light) !important;
}

.bg-accent,
.hover\:bg-accent:hover {
    background: var(--accent) !important;
    color: var(--aura-light) !important;
}

.text-text-light,
.hover\:text-text-light:hover {
    color: var(--aura-light) !important;
}

.prose,
.prose :where(p, li, span, h1, h2, h3, h4, strong) {
    color: var(--text-main) !important;
}

.text-accent,
.hover\:text-accent:hover,
.prose a {
    color: var(--accent) !important;
}

.prose a.bg-accent,
.prose a.bg-accent:hover,
#continue-btn {
    color: var(--aura-light) !important;
}

.border-accent {
    border-color: var(--accent) !important;
}

.hero-text {
    background-image: none !important;
    background-clip: border-box !important;
    -webkit-background-clip: border-box !important;
    -webkit-text-fill-color: currentColor !important;
    color: var(--text-main) !important;
}

.chip {
    background: var(--bg-primary) !important;
    border-color: var(--accent) !important;
    color: var(--accent) !important;
}

.eyebrow {
    letter-spacing: 0.24em;
}

.app-gif {
    display: block;
    max-width: 100%;
    height: auto;
    border: 4px solid var(--text-main);
    border-radius: 1.5rem;
    border-color: var(--text-main) !important;
    box-shadow: none !important;
}

[class*="shadow"] {
    box-shadow: none !important;
}

hr,
.h-px {
    background: var(--accent) !important;
    border-color: var(--accent) !important;
}