/* themes/spicy.css – bold, fiery, edgy */

:root {
    --color-bg: #1a0a00;
    --color-text: #fef3c7;
    --color-primary: #ea580c;
    --color-primary-hover: #c2410c;
    --color-secondary: #d97706;
    --color-secondary-hover: #b45309;
    --color-surface: #271200;
    --color-border: #7c2d12;
    --color-accent: #fb923c;
    --font-slogan: 'Georgia', serif;
    --shadow: 0 4px 20px rgba(234, 88, 12, 0.25);
}

body.theme-spicy {
    background: radial-gradient(ellipse at top, #3b0900 0%, #1a0a00 70%);
}

.site-logo {
    color: #fb923c;
}

.hero-title {
    background: linear-gradient(135deg, #fb923c, #ef4444);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.slogan-box {
    background: #271200;
    border-color: #7c2d12;
    border-left: 4px solid #ea580c;
    box-shadow: 0 4px 20px rgba(234, 88, 12, 0.2);
}

.slogan-text {
    color: #fef3c7;
}

.btn-primary {
    background: linear-gradient(135deg, #ea580c, #ef4444);
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.btn-primary:hover {
    background: linear-gradient(135deg, #c2410c, #dc2626);
    box-shadow: 0 0 16px rgba(234, 88, 12, 0.6);
}

.btn-secondary {
    background: #7c2d12;
}

.btn-secondary:hover {
    background: #9a3412;
}

.counter-display {
    color: #d97706;
}

.pack-nav select {
    background-color: #271200;
    color: #fef3c7;
    border-color: #7c2d12;
}

.site-header {
    background: #1f0900;
    border-color: #7c2d12;
}

.site-footer {
    background: #1f0900;
    border-color: #7c2d12;
    color: #d97706;
}

.pack-label {
    color: #fb923c;
}

.hero-subtitle {
    color: #d97706;
}