/* LukesFood — placeholder de estilos. El diseño real vendrá luego. */

:root {
    --color-primary: #2f7a3a;
    --color-text: #222;
    --color-muted: #666;
    --max-width: 1100px;
    --font-sans: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}

* { box-sizing: border-box; }

body {
    margin: 0;
    font-family: var(--font-sans);
    color: var(--color-text);
    line-height: 1.5;
}

.site-header,
.site-main,
.site-footer {
    max-width: var(--max-width);
    margin: 0 auto;
    padding: 1rem;
}

.nav-main { display: flex; align-items: center; justify-content: space-between; }
.nav-main .brand { font-weight: 700; color: var(--color-primary); text-decoration: none; }
.nav-links { list-style: none; display: flex; gap: 1rem; margin: 0; padding: 0; }
.nav-links a { color: var(--color-text); text-decoration: none; }
.nav-links a:hover { color: var(--color-primary); }

.btn { display: inline-block; padding: .5rem 1rem; border-radius: 4px; text-decoration: none; }
.btn-primary { background: var(--color-primary); color: #fff; }

.messages { list-style: none; padding: 0; }
.messages .message { padding: .5rem 1rem; border-radius: 4px; background: #f0f0f0; margin-bottom: .5rem; }
.messages .success { background: #e7f5ec; color: #1e5a2a; }
.messages .error { background: #fce8e8; color: #8a1f1f; }

.site-footer { color: var(--color-muted); border-top: 1px solid #eee; margin-top: 3rem; padding-top: 1rem; }