/* ============================================================
   Happy Technologies — Design System
   Global stylesheet entry point.
   This file is ONLY @import lines. Every token + font-face the
   system ships is reachable from here.
   ============================================================ */
@import url("./tokens/fonts.css");
@import url("./tokens/colors.css");
@import url("./tokens/typography.css");
@import url("./tokens/spacing.css");
@import url("./tokens/base.css");

/* ============================================================
   Site override: outline-button contrast on dark sections.
   The Button "outline" variant renders color:var(--accent-text)
   (a dark blue meant for light backgrounds). On the navy hero/CTA
   sections that is dark-on-dark and hard to read. Force white text
   ONLY when the outline button sits inside a white-text (dark)
   section. Light-background outline buttons (e.g. the "Connect on
   LinkedIn" cards on /about) are not white-text contexts, so they
   keep their dark accent-text. The two color forms cover browser
   serialization of `color:#fff`.
   ============================================================ */
[style*="color: rgb(255, 255, 255)"] a[style*="var(--accent-text)"],
[style*="color: #fff"] a[style*="var(--accent-text)"] {
  color: #fff !important;
}