/* PulseKonnect — common.css — base/element styles
   Extracted verbatim from partials/design-system.blade.php (production-safe CSS refactor).
   Load order preserved; do not reorder relative to the other pk stylesheets. */

/* ═══ BASE ═══ */
* { box-sizing: border-box; }
html { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
body {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
    background: var(--pk-body-bg) !important;
    color: var(--pk-text);
    margin: 0;
    font-size: 0.875rem;
    letter-spacing: -0.006em;
}
/* Headings inherit their context color so white text inside dark hero
   banners stays white; light surfaces get the heading tone from body/card rules. */
h1,h2,h3,h4,h5,h6 { color: inherit; }
main.pk-content > h1, main.pk-content > h2, main.pk-content > h3,
main.pk-content > h4, main.pk-content > h5, main.pk-content > h6 { color: var(--pk-heading); }
a { color: var(--pk-primary); }
a:hover { color: var(--pk-primary-hover); }