/* Noir theme — sampled from Ronneby demo #76 (Fit Gym).
   High-energy athletic look: WHITE page + BLACK feature sections, ultra-bold
   Montserrat headings (900, uppercase), Roboto body, red accent, sharp corners.
   All rules scoped under `.theme-noir` (the class ThemeResolver.GetThemeCssClass()
   puts on `.kw-site`); the NoirHeader/Footer/ProductCard components carry their
   own scoped structural CSS. */
.theme-noir {
    --kw-accent: #da3038;          /* signature red */
    --kw-accent-deep: #b8232b;
    --kw-accent-soft: #f28e93;
    --kw-light: #ffffff;
    --kw-dark: #0c0c0c;            /* true black — feature sections / header / footer */
    --kw-dark-soft: #1b1b1b;
    --kw-text: #17171a;
    --kw-text-muted: #7d7d82;
    --kw-border: rgba(12, 12, 12, 0.12);
    --kw-border-strong: #d5d5d8;
    --kw-font: 'Roboto', system-ui, -apple-system, sans-serif;
    --kw-font-heading: 'Montserrat', system-ui, -apple-system, sans-serif;
    --kw-radius: 0px;
    --kw-border-width: 2px;
}

/* Ultra-bold athletic headings — heavy, uppercase, tight tracking. */
.theme-noir h1, .theme-noir h2, .theme-noir h3 {
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: -0.01em;
}
.theme-noir .fk-section-title { color: var(--kw-accent); letter-spacing: 0.18em; }

/* Buttons: solid red, square, punchy. */
.theme-noir .fk-btn-accent:hover { background: var(--kw-accent-deep); }

/* Block titles pick up a short red rule underneath — the aggressive gym accent. */
.theme-noir .kw-block-featured-title,
.theme-noir .kw-block-products-header h2,
.theme-noir .kw-block-news-title,
.theme-noir .kw-block-categories-title {
    position: relative;
    padding-bottom: 1rem;
}
.theme-noir .kw-block-featured-title::after,
.theme-noir .kw-block-products-header h2::after,
.theme-noir .kw-block-news-title::after,
.theme-noir .kw-block-categories-title::after {
    content: "";
    position: absolute; left: 0; bottom: 0;
    width: 3rem; height: 4px;
    background: var(--kw-accent);
}