:root {
    --primary: #8b0000;
    --accent: #c19a6b;
    --bg: #fffaf3;
    --text: #2d1b0e;
    --card: #ffffff;
}

body.dark {
    --bg: #1a1410;
    --text: #f5e9dc;
    --card: #2a1e18;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Poppins', sans-serif;
}

body {
    background: var(--bg);
    color: var(--text);
    overflow-x: hidden;
    transition: 0.3s ease;
}

section {
    padding: 100px 8%;
}

h2 {
    text-align: center;
    margin-bottom: 40px;
    font-size: 36px;
}