/* NEXT brand tokens — FALLBACK COPY ONLY.
 *
 * The site's main brand kit (child theme assets/next-brand.css, or the brand layer
 * in Appearance → Customize → Additional CSS) defines these same --next-* tokens on
 * :root. That kit is the source of truth: change a color there and every NEXT widget
 * follows.
 *
 * This file uses :where(:root), which has zero specificity, so the brand kit always
 * wins no matter which stylesheet loads first. These values only apply if the
 * widgets are used on a site without the brand kit. Keep them in sync with the kit.
 */
:where(:root) {
  /* Brand guide colors, exact */
  --next-red: #FF3838;
  --next-cyan: #00E0F5;
  --next-black: #000000;
  --next-grey: #C8C8C8;
  --next-white: #FFFFFF;

  /* Neutrals */
  --next-red-hover: #E42B2B;
  --next-panel: #0B0B0B;
  --next-tint: #F4F4F4;
  --next-body: #3A3A3A;
  --next-muted: #6B6B6B;
  --next-border: #E4E4E4;

  /* Type */
  --next-font-head: 'Roboto', Arial, sans-serif;
  --next-font-sub: 'Montserrat', Arial, sans-serif;
  --next-font-call: 'Roboto Condensed', 'Arial Narrow', sans-serif;
}

/* Shared by all NEXT widgets (not a token): buttons and links render before they have
   a URL, as an <a> with no href. Plain arrow cursor so they don't read as clickable. */
:is(.nx-header, .nx-hero, .nx-sol, .nx-diff, .nx-faq, .nx-foot, .nx-qtab, .nx-ph, .nx-story, .nx-vals, .nx-team, .nx-stmt, .nx-pst, .nx-pbody, .nx-pfoot, .nx-rel) a:not([href]),
a.nx-qtab:not([href]) { cursor: default; }