/** * History world theme — parchment, sepia, brass + dark iron palette. * Activated via data-world="history" on . */ html[data-world="history"] { /* Background — warm brown-black, candlelit hall */ --c-bg: #160e08; --c-bg-alt: #1f160c; --c-bg-warm: #2a1d10; --c-surface: #251a10; --c-surface-light: #322618; --c-border: #4a3826; --c-border-glow: rgba(200, 132, 56, 0.25); --c-text: #ede0c0; --c-text-dim: #a8916a; --c-text-bright: #fff6dc; /* Accent — warm brass */ --c-accent: #c87838; --c-accent-dim: rgba(200, 120, 56, 0.18); --c-accent-glow: rgba(200, 120, 56, 0.45); /* Marks — pale gold */ --c-gold: #d8b878; --c-gold-dim: rgba(216, 184, 120, 0.18); --c-gold-glow: rgba(216, 184, 120, 0.4); --c-heal: #8aae5a; --c-heal-dim: rgba(138, 174, 90, 0.15); --c-danger: #c84838; --c-danger-dim: rgba(200, 72, 56, 0.15); --c-danger-glow: rgba(200, 72, 56, 0.45); --c-mana: #b486c8; --c-mana-dim: rgba(180, 134, 200, 0.15); /* Walls of cracked plaster + dark beams */ --c-wall: #2a1d10; --c-wall-light: #3a2814; --c-wall-dark: #1a1006; --c-wall-edge: #4a3220; --c-floor: #1a120a; --c-floor-alt: #1f1610; --c-floor-edge: rgba(200, 132, 56, 0.04); --c-trail: rgba(200, 132, 56, 0.22); /* Wall texture — old plaster with horizontal timber lines */ --wall-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='%232a1d10'/%3E%3Crect x='0' y='12' width='40' height='2' fill='%233a2814'/%3E%3Crect x='0' y='26' width='40' height='2' fill='%233a2814'/%3E%3Crect x='8' y='4' width='2' height='6' fill='%231a1006'/%3E%3Crect x='28' y='18' width='2' height='6' fill='%231a1006'/%3E%3Crect x='14' y='32' width='2' height='4' fill='%231a1006'/%3E%3C/svg%3E"); /* Floor — flagstones, warm tan */ --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='%231a120a'/%3E%3Crect x='1' y='1' width='18' height='18' fill='%231f1610' stroke='%232a1d10' stroke-width='0.5'/%3E%3Crect x='21' y='1' width='18' height='18' fill='%231d1308' stroke='%232a1d10' stroke-width='0.5'/%3E%3Crect x='1' y='21' width='18' height='18' fill='%231d1308' stroke='%232a1d10' stroke-width='0.5'/%3E%3Crect x='21' y='21' width='18' height='18' fill='%231f1610' stroke='%232a1d10' stroke-width='0.5'/%3E%3C/svg%3E"); /* Background — warm candlelight haze */ --bg-abyss: radial-gradient(ellipse at 30% 40%, rgba(200, 120, 56, 0.10) 0%, transparent 50%), radial-gradient(ellipse at 70% 60%, rgba(180, 100, 40, 0.08) 0%, transparent 45%), radial-gradient(ellipse at 50% 90%, rgba(216, 184, 120, 0.06) 0%, transparent 40%), radial-gradient(ellipse at 10% 80%, rgba(140, 80, 40, 0.05) 0%, transparent 35%); --fog-color: rgba(20, 12, 6, 0.95); }