/*
 * aa-shared.css
 * Global CSS variables consumed across multiple AA page templates.
 *
 * Loaded on every page via the aa-child-style dependency chain (declared
 * in functions.php → aa_enqueue_styles). Anything that uses one of these
 * variables must, directly or transitively, depend on either `aa-shared`
 * or `aa-child-style` so WordPress's enqueue resolver loads this file first.
 *
 * Current consumers:
 *   - assets/article.css      (F1–F4: TOC rails, hairline rail)
 *   - assets/search.css       (F12: filter sidebar sticky positioning)
 *   - assets/article.js       (F3 mobile-bar IntersectionObserver rootMargin)
 *
 * Any future page-template that needs sticky positioning relative to the
 * Kadence header should consume `--aa-sticky-header-offset` from here
 * rather than redeclaring its own.
 *
 * See docs/article-page-architecture.md for the architecture rationale
 * and the upgrade path for dynamic header height.
 */

:root {
  /* ============================================================================
     Sticky article-surface variables — see docs/article-page-architecture.md
     ============================================================================

     The Kadence parent theme's sticky-header Customizer setting must be enabled
     for this design to work correctly. The variable below defines the height
     of that sticky header, and is read by:
       - .aa-toc-rail-root      (F3 desktop TOC rail)
       - .aa-toc-bar-root       (F3 mobile TOC bar)
       - .aa-article-rail--left (F4 left hairline rail)
       - .aa-search-filters     (F12 search-results filter sidebar)
       - article.js IntersectionObserver rootMargin (F3 mobile bar slide-in)

     If Kadence header height changes (theme update, customizer tweak, logo
     change), update this single value. */

  --aa-sticky-header-offset: 82px;
}