:root {
    --color-primary: #8b0000;
    --color-primary-dark: #4a0000;
    --color-primary-light: #c41e3a;
    --color-accent: #ff4500;
    --color-accent-dark: #cc3700;
    --color-hell-glow: #ff6b35;
    --color-ember: #ff2d00;
    --color-bg: #080404;
    --color-bg-elevated: #120808;
    --color-bg-card: #160a0a;
    --color-surface: #1f0d0d;
    --color-text: #f5e6e0;
    --color-text-muted: #a08078;
    --color-border: rgba(255, 69, 0, 0.15);
    --color-border-glow: rgba(255, 45, 0, 0.35);
    --color-error: #ff4444;
    --color-success: #6bffb0;
    --color-info: #ff8c69;
    --font-display: "Cinzel Decorative", "Times New Roman", serif;
    --font-family: "Source Sans 3", system-ui, sans-serif;
    --radius-sm: 6px;
    --radius-md: 10px;
    --radius-lg: 16px;
    --shadow-card: 0 0 40px rgba(139, 0, 0, 0.35), 0 24px 48px rgba(0, 0, 0, 0.6);
    --shadow-hell: 0 0 20px rgba(255, 69, 0, 0.4), 0 0 60px rgba(139, 0, 0, 0.25);
    --transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    --transition-hell: 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
}