/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/

/* ===== GSePC accessibility base (added 2026-06-12, GSPC build) =====
   Global rules with no Bricks-UI control: visible focus (WCAG 2.4.7),
   skip-link, and reduced-motion. Component styling lives in Bricks
   global classes/variables, not here. */
a:focus-visible,
button:focus-visible,
[tabindex]:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
.brxe-button:focus-visible{
  outline:3px solid var(--gsepc-gold-700,#A8801A);
  outline-offset:2px;
}
.gsepc-skip-link{
  position:absolute;
  left:-9999px;
  top:0;
  z-index:1000;
  background:var(--gsepc-purple,#683088);
  color:var(--gsepc-white,#fff);
  padding:12px 18px;
  border-bottom-right-radius:8px;
  text-decoration:none;
  font-weight:700;
}
.gsepc-skip-link:focus{ left:0; }
@media (prefers-reduced-motion: reduce){
  *{
    animation-duration:.001ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.001ms !important;
    scroll-behavior:auto !important;
  }
}

/* ===== GSePC self-hosted webfonts (added 2026-06-12, GSPC build) =====
   Variable woff2 faces shipped with the design system, self-hosted under
   ./fonts/ (relative to this stylesheet so the static export stays portable).
   These satisfy the gsepc-font-display/body/ui Bricks variables, which name
   these exact families with system fallbacks. Merriweather is subset to
   Latin + Spanish for EN/ES parity; weight is the variable wght axis. */
@font-face{
  font-family:"Oswald";
  src:url("/wp-content/themes/bricks-child/fonts/oswald-var.woff2") format("woff2");
  font-weight:200 700;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:"Merriweather";
  src:url("/wp-content/themes/bricks-child/fonts/merriweather-var.woff2") format("woff2");
  font-weight:300 900;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:"Merriweather Sans";
  src:url("/wp-content/themes/bricks-child/fonts/merriweather-sans-var.woff2") format("woff2");
  font-weight:300 800;
  font-style:normal;
  font-display:swap;
}

/* ===== GSePC base typography (added 2026-06-12, GSPC build) =====
   Foundational element-level defaults (no classes, not component styling)
   that bind the brand families to the page via the gsepc-font-* variables —
   the rendered half of "point the font variables at the self-hosted fonts".
   Body/reading = Merriweather; headings = Oswald; form UI = Merriweather Sans.
   Lives alongside the a11y base as the documented global-base exception. */
body{
  font-family:var(--gsepc-font-body, Merriweather, Georgia, serif);
}
h1,h2,h3,h4,h5,h6,
.brxe-heading{
  font-family:var(--gsepc-font-display, Oswald, 'Arial Narrow', sans-serif);
}
button,input,select,textarea,
.brxe-button{
  font-family:var(--gsepc-font-ui, 'Merriweather Sans', system-ui, sans-serif);
}