/* dc009-wp-pins.css — HAND-MAINTAINED. Measured WP-environment
   neutralizations go here; every pin cites its measurement. GOTCHAS
   §WordPress is a catalogue of HYPOTHESES measured on a specific
   version — re-verify each against your stack before adopting (D22).

   KIT BRIDGE (run-3 #014): the four system colours are gold/bronze/ink/cream
   (primary/secondary/text/accent), the rest are custom colours with our
   slugs (tools/set-kit.php); the literal fallbacks keep the page rendering
   until the kit compiles. #fff stays literal — a universal constant. */
body {
  --c-white: #ffffff;
  --c-black: var(--e-global-color-text, #000000);
  --c-gold: var(--e-global-color-primary, #9c7645);
  --c-bronze: var(--e-global-color-secondary, #906c3e);
  --c-cream: var(--e-global-color-accent, #fffaf5);
  --c-grey-100: var(--e-global-color-dc_grey_100, #f4f4f4);
  --c-sand: var(--e-global-color-dc_sand, #e6d5c5);
  --c-placeholder: var(--e-global-color-dc_placeholder, #a3a3a3);
  --c-scrim: var(--e-global-color-dc_scrim, rgba(0, 0, 0, 0.35));
  --c-atelier: var(--e-global-color-dc_atelier, #911e2d);
  --c-heritage: var(--e-global-color-dc_heritage, #5a7d57);
  --c-elements: var(--e-global-color-dc_elements, #78517c);
  --c-luxe: var(--e-global-color-dc_luxe, #127c9f);
  --c-commercial: var(--e-global-color-dc_commercial, #2d3f5b);
}

/* ---- body-level typography of stage 2, restated at the WIDGET ROOT ----------------------------------
   --emit-base drops every `body` rule by design (the theme owns body); without this every widget inherited
   the browser's serif default once Hello Elementor's sheets were switched off (measured on the first WP
   render: the collection copy and swatch names in Times). shared-responsive.css `body { … }` verbatim. */
.dc009 {
  font-family: var(--f-body);
  font-weight: 300;
  font-size: var(--t-body);
  line-height: var(--t-body-lh);
  letter-spacing: var(--ls-body);
  color: var(--c-black);
  -webkit-text-size-adjust: 100%;
}
/* anchors land under the sticky header otherwise (stage 2 put this on html, which the base cannot scope) */
html { scroll-padding-top: 80px; }
@media (min-width: 1600px) { html { scroll-padding-top: 117px; } }
/* the page's horizontal scroll guard (stage 2: body { overflow-x: hidden }) — the hero photo reaches past the frame.
   BODY ONLY: with html visible the value propagates to the viewport and body stays a non-scrolling box. Setting it
   on html AND body made body its own scroll container, and the sticky header stuck to a box that never scrolls
   (measured on the live site: no header at 600px of scroll). */
body { overflow-x: hidden; }

/* ---- Elementor's own link reset ------------------------------------------------------------------------
   frontend.min.css: `.elementor a { box-shadow: none; text-decoration: none }` at (0,1,1) beats every base rule
   (the base is all (0,1,0) by :where design). Measured on the first WP render: the five REQUEST A SAMPLE
   outline buttons lost their 1px ring (3,190 differing px, all on those rows). Mirrored at (0,2,0). */
.elementor .dc009 :where(.btn--outline) { box-shadow: inset 0 0 0 1px var(--c-white); }   /* white in both states, as the stage-2 rule */