/* site/assets/site.css — utilities + self-hosted font faces.
 * Design tokens (palette, sizing, layout) live inside each .dc.html's <style> block
 * (Path A preserves them). This file holds ONLY:
 *   (a) global utilities (hidden, no-scroll, focus ring)
 *   (b) @font-face declarations pointing at /assets/fonts/ — self-hosted Latin-subset
 *       .woff2 files so we don't pay third-party DNS+TLS on every cold load.
 */

/* ── Self-hosted fonts (Latin subset, ~390 KB total). ──
 * font-display: swap → text renders in fallback immediately, swaps when font loads.
 * Avoids the 3s invisible-text block the default would impose.
 */
@font-face { font-family: "Cormorant Garamond"; font-style: normal; font-weight: 400;
  font-display: swap; src: url("/assets/fonts/cormorant-garamond-400.woff2") format("woff2"); }
@font-face { font-family: "Cormorant Garamond"; font-style: normal; font-weight: 500;
  font-display: swap; src: url("/assets/fonts/cormorant-garamond-500.woff2") format("woff2"); }
@font-face { font-family: "Cormorant Garamond"; font-style: normal; font-weight: 600;
  font-display: swap; src: url("/assets/fonts/cormorant-garamond-600.woff2") format("woff2"); }
@font-face { font-family: "Cormorant Garamond"; font-style: normal; font-weight: 700;
  font-display: swap; src: url("/assets/fonts/cormorant-garamond-700.woff2") format("woff2"); }
@font-face { font-family: "Cormorant Garamond"; font-style: italic; font-weight: 400;
  font-display: swap; src: url("/assets/fonts/cormorant-garamond-400-italic.woff2") format("woff2"); }
@font-face { font-family: "Cormorant Garamond"; font-style: italic; font-weight: 500;
  font-display: swap; src: url("/assets/fonts/cormorant-garamond-500-italic.woff2") format("woff2"); }
@font-face { font-family: "Cormorant Garamond"; font-style: italic; font-weight: 600;
  font-display: swap; src: url("/assets/fonts/cormorant-garamond-600-italic.woff2") format("woff2"); }
@font-face { font-family: "Jost"; font-style: normal; font-weight: 300;
  font-display: swap; src: url("/assets/fonts/jost-300.woff2") format("woff2"); }
@font-face { font-family: "Jost"; font-style: normal; font-weight: 400;
  font-display: swap; src: url("/assets/fonts/jost-400.woff2") format("woff2"); }
@font-face { font-family: "Jost"; font-style: normal; font-weight: 500;
  font-display: swap; src: url("/assets/fonts/jost-500.woff2") format("woff2"); }
@font-face { font-family: "Jost"; font-style: normal; font-weight: 600;
  font-display: swap; src: url("/assets/fonts/jost-600.woff2") format("woff2"); }

/* ── Utilities ── */
[hidden] { display: none !important; }
.no-scroll { overflow: hidden; }
:focus-visible { outline: 2px solid var(--rose); outline-offset: 2px; }