/* Aperture theme — sampled from Ronneby demo #77 (Web Agency).
   Utilitarian / clean: PT Sans throughout, coral accent, sharp corners,
   numbered-section rhythm. All rules scoped under `.theme-aperture` (the class
   ThemeResolver.GetThemeCssClass() puts on `.kw-site`); the ApertureHeader/Footer/
   ProductCard components carry their own scoped structural CSS. */
.theme-aperture {
    --kw-accent: #ff434b;          /* coral — Ronneby's signature */
    --kw-accent-deep: #e02b34;
    --kw-accent-soft: #ff9ca1;
    --kw-dark: #1b1b1b;
    --kw-dark-soft: #333333;
    --kw-text: #2a2a2a;
    --kw-text-muted: #8b8b8b;
    --kw-border: rgba(27, 27, 27, 0.10);
    --kw-border-strong: #dcdcdc;
    --kw-font: 'PT Sans', system-ui, -apple-system, sans-serif;
    --kw-font-heading: 'PT Sans', system-ui, -apple-system, sans-serif;
    --kw-radius: 0px;
    --kw-border-width: 2px;
}

/* Utilitarian heading rhythm — tight, confident, generous section labels. */
.theme-aperture h1, .theme-aperture h2, .theme-aperture h3 { letter-spacing: -0.02em; }
.theme-aperture .fk-section-title { color: var(--kw-accent); letter-spacing: 0.18em; }

/* Buttons: solid coral, square, uppercase — the agency-CTA look. */
.theme-aperture .fk-btn-accent:hover { background: var(--kw-accent-deep); }

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

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