@tailwind base;
@tailwind components;
@tailwind utilities;

:root {
    --primary: #C2410C;
    --accent: #F59E0B;
    --warm-bg: #FFF7ED;
}

body {
    font-family: 'Segoe UI', system-ui, sans-serif;
}

.hero {
    background: linear-gradient(rgba(0,0,0,0.55), rgba(0,0,0,0.55)), 
                url('https://picsum.photos/id/1015/2000/1200') center/cover no-repeat;
}

.btn-primary {
    background-color: var(--primary);
    color: white;
    transition: all 0.3s;
}

.btn-primary:hover {
    background-color: #9A3412;
    transform: translateY(-2px);
}

.card {
    transition: all 0.3s;
}

.card:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
}