/* ===================================
   WARRGRIMM'S LION DEN — Global Theme
   =================================== */
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700;900&family=Inter:wght@300;400;500;600;700&family=Orbitron:wght@400;500;600;700;800;900&display=swap');

:root {
    --bg-primary: #000000;
    --bg-secondary: #0a0a0a;
    --bg-card: #111111;
    --bg-card-hover: #1a1a1a;
    --accent: #FF6A00;
    --fire: #FF3C00;
    --gold: #FFD700;
    --ember: #CC5500;
    --flame-light: #FF8C00;
    --text-primary: #ffffff;
    --text-secondary: #cccccc;
    --text-muted: #888888;
    --gradient-flame: linear-gradient(135deg, #FF6A00, #FF3C00);
    --gradient-fire-gold: linear-gradient(135deg, #FF3C00, #FFD700);
    --gradient-ember: linear-gradient(180deg, #FF6A00, #CC5500);
    --glow-accent: 0 0 15px rgba(255,106,0,0.4);
    --glow-fire: 0 0 20px rgba(255,60,0,0.3);
    --glow-gold: 0 0 15px rgba(255,215,0,0.3);
    --glow-text: 0 0 10px rgba(255,106,0,0.5);
    --shadow-card: 0 4px 30px rgba(0,0,0,0.5);
    --font-heading: 'Cinzel', serif;
    --font-body: 'Inter', sans-serif;
    --space-xs: 0.25rem;
    --space-sm: 0.5rem;
    --space-md: 1rem;
    --space-lg: 2rem;
    --space-xl: 3rem;
    --space-2xl: 5rem;
    --border-ember: 1px solid rgba(255,106,0,0.3);
    --border-glow: 1px solid rgba(255,106,0,0.5);
    --transition-fast: 0.2s ease;
    --transition-normal: 0.3s ease;
    --transition-slow: 0.5s ease;
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 12px;
    --radius-xl: 20px;
    --radius-full: 9999px;
}

*, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior:smooth; font-size:16px; }
body {
    font-family: var(--font-body);
    background: var(--bg-primary);
    color: var(--text-primary);
    line-height: 1.6;
    overflow-x: hidden;
    min-height: 100vh;
}

h1,h2,h3,h4,h5,h6 {
    font-family: var(--font-heading);
    font-weight: 700;
    line-height: 1.2;
    color: var(--text-primary);
    text-shadow: var(--glow-text);
}
h1 { font-size: clamp(2rem,5vw,3.5rem); }
h2 { font-size: clamp(1.5rem,3.5vw,2.5rem); }
h3 { font-size: clamp(1.25rem,2.5vw,1.75rem); }
h4 { font-size: 1.25rem; }

p { color: var(--text-secondary); margin-bottom: var(--space-md); }
a { color: var(--accent); text-decoration:none; transition: var(--transition-fast); }
a:hover { color: var(--gold); text-shadow: var(--glow-gold); }

.ember-divider {
    height: 2px;
    background: var(--gradient-flame);
    border: none;
    box-shadow: 0 0 8px rgba(255,106,0,0.3), 0 0 20px rgba(255,60,0,0.15);
    margin: var(--space-xl) 0;
    position: relative;
    animation: neonDividerPulse 4s ease-in-out infinite;
}

.container { width:100%; max-width:1200px; margin:0 auto; padding:0 var(--space-lg); }
.section { padding: var(--space-2xl) 0; }
.section-title {
    font-family: 'Orbitron', sans-serif;
    font-weight: 700;
    font-size: clamp(1.2rem, 3vw, 1.8rem);
    color: #FF6A00;
    text-align: center;
    margin-bottom: var(--space-xl);
    position: relative;
    letter-spacing: 2px;
    text-transform: uppercase;
    text-shadow: 0 0 7px #FF6A00, 0 0 15px rgba(255,106,0,0.5), 0 0 30px rgba(255,60,0,0.3);
    animation: neonTextPulse 4s ease-in-out infinite;
}
.section-title::after {
    content:''; display:block; width:80px; height:3px;
    background: var(--gradient-flame); margin: var(--space-md) auto 0;
    box-shadow: 0 0 10px rgba(255,106,0,0.5), 0 0 25px rgba(255,60,0,0.2);
}

::-webkit-scrollbar { width:8px; }
::-webkit-scrollbar-track { background: var(--bg-primary); }
::-webkit-scrollbar-thumb { background: var(--gradient-flame); border-radius: var(--radius-full); }
::selection { background: rgba(255,106,0,0.3); color: var(--text-primary); }

img { max-width:100%; height:auto; }
ul, ol { list-style:none; }
.page-content { padding-top:80px; min-height:100vh; }