/*
* fonts.css — Self-hosted web fonts for Kukuruchi
* ─────────────────────────────────────────────────────────────────────────────
* INSTRUCTIONS FOR DEPLOYMENT:
*
* 1. Download the font files listed below from Google Fonts or a licensed source:
* https://fonts.google.com/specimen/Oswald (SIL Open Font Licence 1.1)
* https://fonts.google.com/specimen/Crimson+Pro (SIL Open Font Licence 1.1)
*
* Both fonts are licensed under the SIL Open Font Licence 1.1, which permits
* free use, modification, and distribution — including self-hosting on your
* own server. No per-use fees, no attribution required in the UI.
*
* 2. Place the .woff2 files in a /fonts/ folder next to your HTML files:
* /fonts/oswald-400.woff2
* /fonts/oswald-500.woff2
* /fonts/oswald-600.woff2
* /fonts/oswald-700.woff2
* /fonts/crimsonpro-400.woff2
* /fonts/crimsonpro-400i.woff2
* /fonts/crimsonpro-600.woff2
*
* 3. Add to the of every
* HTML page, REPLACING the Google Fonts tag entirely.
*
* 4. Remove every line that looks like:
*
* from index.html, demo.html, terms.html, contact.html, and golden-path-manual.html.
*
* WHY THIS MATTERS (GDPR / TTDSG):
* Loading fonts from fonts.googleapis.com sends the visitor's IP address to
* Google servers on the very first page request — before any consent banner
* can be shown and accepted. This constitutes a transfer of personal data
* (IP address) to a third country (USA) without a legal basis under Art. 6
* GDPR, and violates § 25 TTDSG / TDDDG. German courts (e.g. LG München I,
* Az. 3 O 17493/20) have found such transfers to be unlawful. Self-hosting
* eliminates this risk entirely.
* ─────────────────────────────────────────────────────────────────────────────
*/
/* ── OSWALD ─────────────────────────────────────────────────────────────── */
@font-face {
font-family: 'Oswald';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url('/fonts/oswald-400.woff2') format('woff2');
}
@font-face {
font-family: 'Oswald';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url('/fonts/oswald-500.woff2') format('woff2');
}
@font-face {
font-family: 'Oswald';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url('/fonts/oswald-600.woff2') format('woff2');
}
@font-face {
font-family: 'Oswald';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url('/fonts/oswald-700.woff2') format('woff2');
}
/* ── CRIMSON PRO ─────────────────────────────────────────────────────────── */
@font-face {
font-family: 'Crimson Pro';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url('/fonts/crimsonpro-400.woff2') format('woff2');
}
@font-face {
font-family: 'Crimson Pro';
font-style: italic;
font-weight: 400;
font-display: swap;
src: url('/fonts/crimsonpro-400i.woff2') format('woff2');
}
@font-face {
font-family: 'Crimson Pro';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url('/fonts/crimsonpro-600.woff2') format('woff2');
}