/* skin/kit.css (WP5a): the Elementor kit (post 6515) mapped onto the theme tokens. Presentation only.
   Specificity (docs/skin/README.md 2): `.rgn-theme.elementor-kit-6515` (0,2,1) beats the kit (0,1,x) and the widget base (0,2,0) and loses to every designer rule
   (0,3,0 and up, Custom CSS included). `:where()` keeps element rules inside `.elementor` documents (not the chrome, not the blog) and outside the mu-plugin
   blocks (`[data-rgp1-module]`) without counting in the specificity. Body variables are inherited by every widget that reads `var(--e-global-*)`. */
body.rgn-theme{--rgn-skin-prose:clamp(1.0625rem,1rem + .2vw,1.1875rem);--rgn-skin-ring:0 0 0 2px var(--rgn-bg)}   /* text size 17-19 px; white halo of the focus ring */

/* kit variables: text colour #7A7A7A (4.29:1) -> #5B6470 (6.00:1, S3); text size 16 -> 17-19 px; button label 14 -> 16 px. Primary and accent are the brand. */
body.rgn-theme.elementor-kit-6515{--e-global-color-text:var(--rgn-muted);--e-global-typography-text-font-size:var(--rgn-skin-prose);--e-global-typography-accent-font-size:var(--rgn-fs-base)}

/* headings: Merriweather 700, navy, type scale (kit: Berkely, h1 63 px, h2 24 px, h3 unset); designer family, size and colour win */
.rgn-theme.elementor-kit-6515 :where(.elementor) :is(h1,h2,h3):not(:where([data-rgp1-module],[data-rgp1-module] *)){font-family:var(--rgn-font-heading);font-weight:700;letter-spacing:-.01em;color:var(--rgn-navy)}
.rgn-theme.elementor-kit-6515 :where(.elementor) h1:not(:where([data-rgp1-module],[data-rgp1-module] *)){font-size:var(--rgn-fs-3xl);line-height:var(--rgn-lh-3xl)}
.rgn-theme.elementor-kit-6515 :where(.elementor) h2:not(:where([data-rgp1-module],[data-rgp1-module] *)){font-size:var(--rgn-fs-xl);line-height:var(--rgn-lh-xl)}
.rgn-theme.elementor-kit-6515 :where(.elementor) h3:not(:where([data-rgp1-module],[data-rgp1-module] *)){font-size:var(--rgn-fs-lg);line-height:var(--rgn-lh-lg)}
.rgn-theme.elementor-kit-6515 :where(.elementor) :is(h4,h5,h6):not(:where([data-rgp1-module],[data-rgp1-module] *)){font-family:var(--rgn-font-body);font-weight:700;line-height:1.35;color:var(--rgn-navy)}
.rgn-theme.elementor-kit-6515 :where(.elementor) h4:not(:where([data-rgp1-module],[data-rgp1-module] *)){font-size:1.125rem}

/* links: purple, plum on hover (kit: navy, 2.5:1 against its grey text); widgets.css underlines the ones in running text */
.rgn-theme.elementor-kit-6515 :where(.elementor) a:not(:where([data-rgp1-module],[data-rgp1-module] *)){color:var(--rgn-link)}
.rgn-theme.elementor-kit-6515 :where(.elementor) a:not(:where([data-rgp1-module],[data-rgp1-module] *)):hover{color:var(--rgn-link-hover)}

/* boxed sections: 1200 px from 1300 px up (kit 1140; its 1024 and 767 steps stay); :where() = the kit rule's specificity, a section with its own width still wins */
@media (min-width:1300px){:where(body.rgn-theme) .elementor-section.elementor-section-boxed>.elementor-container{max-width:var(--rgn-container)}}

body.rgn-theme ::selection{background:var(--rgn-navy);color:var(--rgn-on-dark)}