:root {
    --text-light: #111111;
    --text-dark: #f5f5f5;
    --accent-light: #4caf50; /* menta */
    --accent-dark: #ffaec8;  /* rosa pastel */
}

/* ===== BODY ===== */
body {
    margin: 0;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color: var(--text-light);
    background: url('imgs/bg1.jpg') center/cover no-repeat fixed;
    transition: background 0.3s, color 0.3s;
}

body.dark {
    color: var(--text-dark);
    background: url('imgs/bg.jpg') center/cover no-repeat fixed;
}

/* ===== HEADER / NAV ===== */
header {
    padding: 1rem;
}

nav {
    text-align: center;
}

nav ul {
    list-style: none;
    padding: 0;
    display: inline-flex;
    gap: 2rem;
}

nav ul li a {
    text-decoration: none;
    color: inherit;
    font-weight: bold;
}

nav ul li a:hover {
    color: var(--accent-light);
}

body.dark nav ul li a:hover {
    color: var(--accent-dark);
}

/* ===== H1 ===== */
h1 {
    text-align: center;
    margin: 2rem 0;
    font-size: 2.5rem;
}

/* ===== BOTÃO ===== */
#theme-toggle {
display: block;
margin: 0 auto 2rem auto;
cursor: pointer;
background: transparent;
border: 1px solid currentColor;
border-radius: 0.3rem;
padding: 0.3rem 0.6rem;
}

/* ===== ABOUT ===== */
#about {
margin: 1rem;
}

/* ===== CATEGORIAS (SEM CAIXA) ===== */
.category {
    margin: 2rem 1rem;
}

.category h2 {
    color: var(--accent-light);
}

body.dark .category h2 {
    color: var(--accent-dark);
}

.category ul {
    margin-left: 1.5rem;
}

.category ul li a {
    text-decoration: none;
    color: inherit;
}

.category ul li a:hover {
    color: var(--accent-light);
}

body.dark .category ul li a:hover {
    color: var(--accent-dark);
}

/* ===== FOOTER ===== */
footer {
    text-align: center;
    padding: 1rem;
    font-size: 0.8rem;
    color: #FFF;
}
footer.dark {
    text-align: center;
    padding: 1rem;
    font-size: 0.8rem;
    color: #888;
}