/*
Theme Name: Babenef
Theme URI: https://babenef.local/
Author: Babenef
Description: Theme minimal pour la porte d'entree WordPress de Babenef.
Version: 0.1.0
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 8.1
Text Domain: babenef
*/

:root {
    --bb-bg: #f7f7f5;
    --bb-text: #171717;
    --bb-muted: #66645f;
    --bb-line: #dedbd2;
    --bb-accent: #215f9a;
    --bb-soft: #e8f1f8;
}

body {
    margin: 0;
    background: var(--bb-bg);
    color: var(--bb-text);
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

a {
    color: inherit;
}

.site-shell {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

.site-header,
.site-footer {
    max-width: 1120px;
    width: min(100% - 32px, 1120px);
    margin: 0 auto;
}

.site-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 24px 0;
    border-bottom: 1px solid var(--bb-line);
}

.brand {
    font-size: 1.2rem;
    font-weight: 700;
    text-decoration: none;
}

.brand span {
    color: var(--bb-accent);
}

.site-main {
    width: min(100% - 32px, 960px);
    margin: 0 auto;
    flex: 1;
    padding: 56px 0 72px;
}

.site-main h1 {
    font-size: clamp(2.1rem, 4vw, 4rem);
    line-height: 1;
    letter-spacing: 0;
    margin: 0 0 18px;
}

.site-main p {
    color: var(--bb-muted);
    font-size: 1.05rem;
    line-height: 1.6;
}

.button,
.wp-block-button__link,
.babenef-entry button {
    appearance: none;
    border: 1px solid var(--bb-accent);
    background: var(--bb-accent);
    color: #fff;
    border-radius: 8px;
    padding: 11px 16px;
    font-weight: 650;
    text-decoration: none;
    cursor: pointer;
}

.babenef-entry {
    margin-top: 28px;
    padding: 20px;
    border: 1px solid var(--bb-line);
    border-radius: 8px;
    background: #fff;
}

.site-footer {
    border-top: 1px solid var(--bb-line);
    padding: 20px 0 28px;
    color: var(--bb-muted);
    font-size: .92rem;
}

@media (max-width: 680px) {
    .site-header {
        align-items: flex-start;
        gap: 12px;
        flex-direction: column;
    }
}