/* Sepia theme — sampled from Ronneby demo #79 (Law Attorney).
   Heritage / corporate-premium: Rosario serif headings, Roboto body, warm bronze
   accent, cream page, sharp corners, refined bronze small-caps rhythm. All rules
   scoped under `.theme-sepia` (the class ThemeResolver.GetThemeCssClass() puts on
   `.kw-site`); the SepiaHeader/Footer/ProductCard components carry their own scoped
   structural CSS. */
.theme-sepia {
    --kw-accent: #b98862;          /* warm bronze/gold — heritage rental house */
    --kw-accent-deep: #9a6c49;
    --kw-accent-soft: #d8bda2;
    --kw-light: #f8f4ec;           /* cream page */
    --kw-dark: #211c16;            /* warm espresso */
    --kw-dark-soft: #3a322a;
    --kw-text: #2e2820;
    --kw-text-muted: #8f8578;
    --kw-border: rgba(33, 28, 22, 0.12);
    --kw-border-strong: #ddd3c4;
    /* Warm cream-tinted placeholders/skeletons so image-loading surfaces match the
       cream page instead of the cool-grey :root default (which reads as a clash here). */
    --kw-surface-muted: #efe7d9;
    --kw-surface-muted-2: #f5efe4;
    --kw-font: 'Roboto', system-ui, -apple-system, sans-serif;
    --kw-font-heading: 'Rosario', Georgia, serif;
    --kw-radius: 0px;
    --kw-border-width: 1px;
}

/* Heritage heading rhythm — elegant serif, refined bronze small-caps section labels. */
.theme-sepia h1, .theme-sepia h2, .theme-sepia h3 { letter-spacing: 0.01em; }
.theme-sepia .fk-section-title {
    color: var(--kw-accent-deep); letter-spacing: 0.18em;
    text-transform: uppercase; font-weight: 600;
}

/* Buttons: solid bronze, square — the corporate-premium CTA look. */
.theme-sepia .fk-btn-accent:hover { background: var(--kw-accent-deep); }

/* Block titles pick up a short refined bronze rule underneath — a heritage accent. */
.theme-sepia .kw-block-featured-title,
.theme-sepia .kw-block-products-header h2,
.theme-sepia .kw-block-news-title,
.theme-sepia .kw-block-categories-title {
    position: relative;
    padding-bottom: 1rem;
    font-family: var(--kw-font-heading);
}
.theme-sepia .kw-block-featured-title::after,
.theme-sepia .kw-block-products-header h2::after,
.theme-sepia .kw-block-news-title::after,
.theme-sepia .kw-block-categories-title::after {
    content: "";
    position: absolute; left: 0; bottom: 0;
    width: 3rem; height: 1px;
    background: var(--kw-accent);
}

/* Article route → opaque header lock (parallels Fotokrome). */
.kw-site.theme-sepia:has(.kw-page--article) .sp-header {
    background: rgba(248, 244, 236, 0.98);
    border-bottom: 1px solid var(--kw-border);
}