/* Layout density variants. ThemeEngine sets data-layout on <html>. */

html[data-layout="default"] {
    /* Current sizes — tokens.css defaults. */
}

html[data-layout="compact"] {
    --layout-sidebar-w: 200px;
}
html[data-layout="compact"] .scb-navbar {
    padding: 0.45rem 0;
}
html[data-layout="compact"] .scb-section {
    padding: 3rem 0;
}
html[data-layout="compact"] .bb-admin-main {
    padding: 1.15rem 1.25rem;
}
html[data-layout="compact"] .bb-navbar .container-fluid {
    padding-top: 0.2rem;
    padding-bottom: 0.2rem;
}

html[data-layout="comfortable"] {
    --layout-sidebar-w: 280px;
}
html[data-layout="comfortable"] .scb-section {
    padding: 6.5rem 0;
}
html[data-layout="comfortable"] .bb-admin-main {
    padding: 2.25rem 2.5rem;
}
html[data-layout="comfortable"] .scb-navbar {
    padding: 1rem 0;
}

html[data-layout="hero-dense"] .scb-hero {
    min-height: 70vh;
}
html[data-layout="hero-dense"] .scb-hero-title {
    font-size: clamp(2.2rem, 7vw, 4.5rem);
}
html[data-layout="hero-dense"] .scb-hero-content {
    padding: 1.25rem;
}
html[data-layout="hero-dense"] .scb-hero-cta {
    padding: 0.7rem 1.8rem;
}