/* Layout preset: cocoa — generated */
/* Chocolaterie — warm cocoa, rounded cards, classic header */
.layout-cocoa {
    --cocoa-cream: #f8f3ec;
    --cocoa-gold: #c47b3a;
}
.layout-cocoa .site-header {
    background: rgba(255, 252, 248, 0.94);
    border-bottom: 1px solid var(--gray-200);
}
.layout-cocoa .brand__mark {
    border-radius: 16px;
    background: #3b2414;
}
.layout-cocoa .brand__text strong { color: #3b2414; }
.layout-cocoa .site-nav a { color: #4a3428; }
.layout-cocoa .site-nav a:hover { color: var(--cocoa-gold); }
.layout-cocoa .hero {
    background: var(--cocoa-cream);
}
.layout-cocoa .hero h1 {
    font-family: var(--font-display);
    color: #2a211c;
}
.layout-cocoa .hero__subtitle { color: var(--gray-700); max-width: 42ch; }
.layout-cocoa .home-stats { background: #fff; }
.layout-cocoa .stat {
    background: var(--cocoa-cream);
    border-radius: 16px;
    padding: 1rem 1.25rem;
}
.layout-cocoa .card {
    background: #fff;
    border: 1px solid var(--gray-200);
    border-radius: 16px;
    box-shadow: 0 8px 24px rgba(59, 36, 20, 0.08);
}
.layout-cocoa .btn--primary {
    background: #6b3e26;
    border-color: #6b3e26;
    color: #fff;
}
.layout-cocoa .btn--secondary,
.layout-cocoa .btn--ghost {
    border-color: #6b3e26;
    color: #6b3e26;
    background: #fff;
}
.layout-cocoa .site-footer {
    background: #2a211c;
    color: #f3e6d8;
}
.layout-cocoa .site-footer a,
.layout-cocoa .site-footer h3 { color: #f8f3ec; }
.layout-cocoa .site-footer a:hover { color: #e6c27a; }
.layout-cocoa .page-hero { padding: 3.5rem 0 2.5rem; }
.layout-cocoa .about-story__split,
.layout-cocoa .services-list__grid { gap: 1.5rem; }
.layout-cocoa .about-values .card,
.layout-cocoa .services-list .card { transition: transform 0.3s ease, box-shadow 0.3s ease; }
.layout-cocoa .page-hero {
    background: #f8f3ec; text-align: center; padding: 4rem 0 3rem;
}
.layout-cocoa .page-hero h1 { font-family: var(--font-display); font-weight: 600; color: #2a211c; }
.layout-cocoa .page-hero p { max-width: 42ch; margin-inline: auto; color: var(--gray-700); }
.layout-cocoa .about-story__media img {
    border-radius: 16px; box-shadow: 0 16px 40px rgba(59, 36, 20, 0.12);
}
.layout-cocoa .about-values .card,
.layout-cocoa .services-list .card {
    border-radius: 16px; border: 1px solid var(--gray-200);
}
.layout-cocoa .team-grid--grid .team-card {
    border-radius: 16px; border: 1px solid var(--gray-200);
    box-shadow: 0 8px 24px rgba(59, 36, 20, 0.08);
}
.layout-cocoa .team-card__photo,
.layout-cocoa .team-card__avatar { border-radius: 12px; }
.layout-cocoa .team-section__header { text-align: center; }
.layout-cocoa .team-section__header h2 { font-family: var(--font-display); color: #3b2414; }
.layout-cocoa .contact-aside .info-card {
    border-radius: 16px; border: 1px solid var(--gray-200); box-shadow: none; background: #f8f3ec;
}
.layout-cocoa .contact-form {
    border-radius: 16px; border: 1px solid var(--gray-200);
    box-shadow: 0 8px 24px rgba(59, 36, 20, 0.08);
}