/* assets/css/site.css — global tokens + resets. Owned by T2. */
:root {
  --fc-dark: #0E0E10;
  --fc-red: #E30613;
  --fc-red-hover: #B5050F;
  --fc-yellow: #FFC72C;
  --fc-surface: #F4F4F5;
  --fc-muted: #5A5A5F;
}
*, *::before, *::after { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
img, iframe { max-width: 100%; height: auto; }
:focus-visible { outline: 2px solid var(--fc-red); outline-offset: 2px; border-radius: 2px; }
:focus:not(:focus-visible) { outline: none; }
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .001ms !important; animation-iteration-count: 1 !important; transition-duration: .001ms !important; }
}

/* T24c — global container width tuning. Phase 1/2 patterns and pages each
   set their own max-width; this just ensures the WP block "constrained" layout
   matches our 1280px container target and that pages have comfortable side
   padding without leaving huge empty bands on large monitors. */
.wp-site-blocks > *,
.wp-block-group.is-layout-constrained > * { max-width: 100%; }
:root { --fc-container: 1280px; }
@media (min-width: 1400px) {
  body { font-size: 17px; }
}
/* Avoid horizontal scroll on any viewport */
html, body { overflow-x: hidden; }

/* T19 — a11y polish */
.fc-skip-link { position: absolute; left: -9999px; top: 0; padding: .75rem 1rem; background: var(--fc-dark, #0E0E10); color: #fff; z-index: 1000; text-decoration: none; border-radius: 0 0 6px 0; }
.fc-skip-link:focus { left: 0; outline: 2px solid var(--fc-yellow, #FFC72C); outline-offset: 2px; }
.fc-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }

/* Social media brand colors — apply ONLY to the SVG icon; the text label stays
   the link's inherited color so the rest of the link styling/hover is preserved.
   Add a .fc-soc--<platform> class to any social link. */
.fc-soc--ig svg { color: #E4405F !important; }
.fc-soc--fb svg { color: #1877F2 !important; }
.fc-soc--li svg { color: #0A66C2 !important; }
.fc-soc--yt svg { color: #FF0000 !important; }
.fc-soc--wa svg { color: #25D366 !important; }