/* ============================================================
/assets/css/hp.css
QWQ Digital Studio — HOMEPAGE SHARED STYLE LAYER (single entry)
------------------------------------------------------------
The homepage ("Soft Structuralism", html lang="en" class="hp")
visual system is ALREADY fully externalised across two files:
1. qwq-tokens.css — owns the html.hp light/dark palette tokens
(--bg / --surface / --ink / --blue / --green …)
and the Plus Jakarta Sans --font-body.
2. qwq-house.css — owns every reusable hp- component:
.hp-nav .hp-footer .hp-cta .hp-btn .hp-link
.hp-container .hp-section .hp-eyebrow .hp-h2
.hp-price* .hp-skip-link .hp-reveal + the
homepage responsive rules (house.css 706–1082).
This file is a THIN AGGREGATOR — a single that pulls in both
canonical sources in the correct order. It deliberately contains NO
rule definitions of its own, so there is exactly ONE source of truth
per rule (no drift between hp.css and the house/tokens files).
USAGE — to put a sub-page on homepage style, the page needs:
• (activates html.hp tokens)
• the Plus Jakarta Sans Google Fonts (see _shared-chrome.html)
• (this file)
…OR link the two canonical files directly (what the homepage does,
one fewer serialised request — both are equivalent in final paint).
• the floating hp-nav + hp-footer markup from _shared-chrome.html
• the no-flash + theme-toggle + reveal scripts from _shared-chrome.html
NOTE: @import serialises after this file downloads. For top-tier
Lighthouse scores a page MAY instead emit the two s directly
(in this order) and skip hp.css — the rendered result is identical.
============================================================ */
@import url("qwq-tokens.css");
@import url("qwq-house.css");