/** * Fantasy world theme — violet / cobalt palette + dungeon-stone textures. * Lifted from the old tokens.css so the base palette can be world-neutral. * Activated via data-world="fantasy" on . */ html[data-world="fantasy"], [data-world-scope="fantasy"] { --c-bg: #0d0b16; --c-bg-alt: #131024; --c-bg-warm: #18132c; --c-surface: #1c1838; --c-surface-light: #262148; --c-border: #2a2450; --c-border-glow: rgba(157, 123, 216, 0.25); --c-text: #e2e0f0; --c-text-dim: #7a7898; --c-text-bright: #ffffff; /* Accent — muted lavender (was raw Tailwind purple); secondary — old gold */ --c-accent: #9d7bd8; --c-accent-dim: rgba(157, 123, 216, 0.15); --c-accent-glow: rgba(157, 123, 216, 0.4); --c-accent-2: #d8a353; --c-gold: #d4a94e; --c-gold-dim: rgba(212, 169, 78, 0.15); --c-gold-glow: rgba(212, 169, 78, 0.4); --c-heal: #5fb98a; --c-heal-dim: rgba(95, 185, 138, 0.15); --c-danger: #c94f56; --c-danger-dim: rgba(201, 79, 86, 0.15); --c-danger-glow: rgba(201, 79, 86, 0.4); --c-mana: #8d7fd0; --c-mana-dim: rgba(141, 127, 208, 0.15); --grad-hp: linear-gradient(90deg, #9e3a44 0%, #c94f56 100%); --grad-mp: linear-gradient(90deg, #5f54a0 0%, #8d7fd0 100%); --c-wall: #2a2550; --c-wall-light: #352f65; --c-wall-dark: #1a1638; --c-wall-edge: #3d3575; --c-floor: #0e1020; --c-floor-alt: #111326; --c-floor-edge: rgba(255, 255, 255, 0.03); --c-trail: rgba(157, 123, 216, 0.22); --wall-texture: url("data:image/svg+xml,%3Csvg width='40' height='40' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cpattern id='brick' width='20' height='10' patternUnits='userSpaceOnUse'%3E%3Crect width='20' height='10' fill='%23241e48'/%3E%3Crect x='0' y='0' width='9' height='4' rx='0.5' fill='%232d2658'/%3E%3Crect x='11' y='0' width='9' height='4' rx='0.5' fill='%23302862'/%3E%3Crect x='5' y='5' width='9' height='4' rx='0.5' fill='%232b2455'/%3E%3Crect x='16' y='5' width='4' height='4' rx='0.5' fill='%23332a60'/%3E%3Crect x='0' y='5' width='4' height='4' rx='0.5' fill='%23292252'/%3E%3C/pattern%3E%3C/defs%3E%3Crect width='40' height='40' fill='url(%23brick)'/%3E%3C/svg%3E"); --floor-texture: url("data:image/svg+xml,%3Csvg width='40' height='40' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='40' height='40' fill='%230e1020'/%3E%3Crect x='1' y='1' width='18' height='18' rx='1' fill='%23101225' stroke='%23161838' stroke-width='0.5'/%3E%3Crect x='21' y='1' width='18' height='18' rx='1' fill='%23111326' stroke='%23161838' stroke-width='0.5'/%3E%3Crect x='1' y='21' width='18' height='18' rx='1' fill='%23111326' stroke='%23161838' stroke-width='0.5'/%3E%3Crect x='21' y='21' width='18' height='18' rx='1' fill='%23101225' stroke='%23161838' stroke-width='0.5'/%3E%3C/svg%3E"); --bg-abyss: radial-gradient(ellipse at 30% 40%, rgba(78, 48, 120, 0.15) 0%, transparent 50%), radial-gradient(ellipse at 70% 60%, rgba(62, 52, 130, 0.10) 0%, transparent 45%), radial-gradient(ellipse at 50% 90%, rgba(157, 123, 216, 0.06) 0%, transparent 40%), radial-gradient(ellipse at 10% 80%, rgba(130, 100, 190, 0.04) 0%, transparent 35%), radial-gradient(ellipse at 90% 20%, rgba(216, 163, 83, 0.04) 0%, transparent 35%); --fog-color: rgba(6, 6, 18, 0.92); }