/**
 * Shared design tokens for all Sylius channels (per-brand logos live in admin/theme).
 * Tune values after sampling LogFinishLogo.png (primary wood / trim / neutral).
 */
:root {
    --lf-color-primary: #5c3d2e;
    --lf-color-primary-dark: #3d281c;
    --lf-color-accent: #c9a227;
    --lf-color-surface: #faf7f2;
    --lf-color-text: #1f1a17;
    --lf-color-muted: #5a534c;
    --lf-radius: 6px;
    --lf-font-sans: system-ui, -apple-system, "Segoe UI", Roboto, Ubuntu, Cantarell, "Noto Sans", sans-serif;
}

body {
    font-family: var(--lf-font-sans);
    color: var(--lf-color-text);
    background: var(--lf-color-surface);
}

/* LF / Log Finish header mark (see templates/bundles/SyliusShopBundle/shared/logo.html.twig) */
.lf-header-logo-link--sylius {
    width: 10rem;
}

.lf-header-logo-link:not(.lf-header-logo-link--sylius) {
    width: auto;
    max-width: min(280px, 52vw);
}

.lf-header-logo {
    display: block;
    width: 100%;
    height: auto;
    max-height: 3.5rem;
    object-fit: contain;
}

/* LF homepage hero: edge-to-edge width, natural height (no crop / no max-height clamp) */
.lf-home-hero__frame {
    width: 100%;
}

.lf-home-hero__img {
    height: auto;
    max-width: 100%;
}