/* themes/motivational.css – energetic, sunrise, high-intensity */

:root {
    --color-bg: #0c0a09;
    --color-text: #fafaf9;
    --color-primary: #f97316;
    --color-primary-hover: #ea580c;
    --color-secondary: #eab308;
    --color-secondary-hover: #ca8a04;
    --color-surface: #1c1917;
    --color-border: #44403c;
    --color-accent: #facc15;
    --font-slogan: Georgia, 'Times New Roman', serif;
    --shadow: 0 4px 20px rgba(249, 115, 22, 0.2);
}

body.theme-motivational {
    background: radial-gradient(ellipse at top left, #1c0a00 0%, #0c0a09 60%);
}

.site-logo {
    background: linear-gradient(90deg, #f97316, #facc15);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

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

.hero-subtitle {
    color: #eab308;
}

.slogan-box {
    background: #1c1917;
    border-left: 4px solid #f97316;
    box-shadow: 0 4px 20px rgba(249, 115, 22, 0.18);
}

.slogan-text {
    color: #fafaf9;
    font-weight: 600;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

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

.btn-primary:hover {
    background: linear-gradient(135deg, #ea580c, #c2410c);
    box-shadow: 0 0 20px rgba(249, 115, 22, 0.6);
    transform: translateY(-1px);
}

.btn-secondary {
    background: #44403c;
}

.btn-secondary:hover {
    background: #57534e;
}

.counter-display {
    color: #f97316;
    font-weight: 700;
    letter-spacing: 0.05em;
}

.pack-nav select {
    background-color: #1c1917;
    color: #fafaf9;
    border-color: #44403c;
}

.site-header {
    background: rgba(12, 10, 9, 0.97);
    border-bottom: 2px solid #f97316;
}

.site-footer {
    background: rgba(12, 10, 9, 0.97);
    border-color: #44403c;
    color: #eab308;
}

.pack-label {
    color: #facc15;
}

.mode-card--active {
    border-color: #f97316;
    box-shadow: 0 0 0 3px rgba(249, 115, 22, 0.3);
}