/**
 * 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: neutral side rails + centered column (see homepage/index.html.twig) */
.lf-home-boxed {
    display: grid;
    grid-template-columns: 1fr min(1200px, 100%) 1fr;
    width: 100%;
    background-color: #d5d1c9;
}

.lf-home-boxed__main {
    background-color: #f5f3ef;
    min-width: 0;
}

.lf-home-boxed__rail {
    min-height: 1px;
}