/*
Theme Name: NLBS
Theme URI: https://nlbs.nl
Description: Standalone block theme for nlbs.nl. Built to the Autive WP standards.
Author: Autive
Author URI: https://autive.nl
Version: 2.3.0
Requires at least: 6.5
Tested up to: 6.8
Requires PHP: 8.2
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: nlbs
Tags: block-theme, full-site-editing
*/

/* Only what theme.json cannot express: variable-font axes and the paper-grain
   overlay. Anything theme.json can express belongs there, not here. */

:root {
  /* Variable-font axes for Fraunces: optical size 144 with a soft terminal
     style for headings. core.css defaults these to `normal`, so the axes only
     apply where a font actually exposes them. */
  --font-display-vars:      "opsz" 144, "SOFT" 50, "WONK" 0;
  --font-display-vars-soft: "opsz" 144, "SOFT" 100;
}

/* Apply variable-font axes to all display-family text */
body :is(h1, h2, h3, h4, .nlbs-stat__num, .nlbs-trait__num, .nlbs-timeline__year) {
  font-variation-settings: var(--font-display-vars);
}
.nlbs-stat__num,
.nlbs-trait__num {
  font-variation-settings: var(--font-display-vars-soft);
}

/* NLBS paper-grain overlay - the warm cream paper texture that gives the
   site its editorial feel. Other clients can drop this. */
body::after {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 100;
  mix-blend-mode: multiply;
  opacity: 0.32;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.1  0 0 0 0 0.1  0 0 0 0 0.08  0 0 0 0.35 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");
}

/* CTA band and inverse footer get an inverted paper-grain (lighter on dark) */
.nlbs-cta-band::before,
.nlbs-site-footer::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 0.18 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");
  opacity: 0.6;
  pointer-events: none;
}
.nlbs-cta-band > *,
.nlbs-site-footer > * { position: relative; }