/* themes/foodie.css – warm, appetising, culinary */

:root {
    --color-bg: #fdf8f0;
    --color-text: #2d1a05;
    --color-primary: #c2410c;
    --color-primary-hover: #9a3412;
    --color-secondary: #92400e;
    --color-secondary-hover: #78350f;
    --color-surface: #ffffff;
    --color-border: #fde68a;
    --color-accent: #f59e0b;
    --font-slogan: Georgia, 'Times New Roman', serif;
    --shadow: 0 2px 16px rgba(194, 65, 12, 0.1);
}

body.theme-foodie {
    background: linear-gradient(160deg, #fdf8f0 0%, #fef3c7 100%);
}

.site-logo {
    color: #c2410c;
}

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

.hero-subtitle {
    color: #92400e;
}

.slogan-box {
    border-left: 4px solid #f59e0b;
    background: #fffbeb;
    box-shadow: 0 2px 16px rgba(245, 158, 11, 0.12);
}

.slogan-text {
    color: #2d1a05;
    font-style: italic;
}

.btn-primary {
    background: linear-gradient(135deg, #c2410c, #f59e0b);
    letter-spacing: 0.02em;
}

.btn-primary:hover {
    background: linear-gradient(135deg, #9a3412, #d97706);
    box-shadow: 0 0 16px rgba(194, 65, 12, 0.35);
}

.btn-secondary {
    background: #92400e;
}

.btn-secondary:hover {
    background: #78350f;
}

.counter-display {
    color: #c2410c;
}

.pack-nav select {
    background-color: #fffbeb;
    color: #2d1a05;
    border-color: #fde68a;
}

.site-header {
    background: #fffbeb;
    border-bottom: 2px solid #fde68a;
}

.site-footer {
    background: #fffbeb;
    border-color: #fde68a;
    color: #92400e;
}

.pack-label {
    color: #c2410c;
}

.mode-card--active {
    border-color: #f59e0b;
    box-shadow: 0 0 0 3px rgba(245, 158, 11, 0.25);
}