/* Stoutenburger (registerkaart) — PAGE FRAME (30 sep 2026): body en algemene regels. De kaart
   zelf staat in register.card.css, afgebakend met .w-sba. */

/* Register-kaart (almanak mini-card) — gegenereerd uit card-textile-exp, CSS-relatieve paden */
/* ── Site-fonts: Lora + EB Garamond — het eigen karakter van de
      Stoutenburger-kaart (bewust behouden; Jost-experiment teruggedraaid) ── */
@font-face { font-family: "Lora"; src: url("../fonts/Lora-Variable.ttf") format("truetype");
    font-weight: 400 700; font-style: normal; font-display: swap; }
@font-face { font-family: "Lora"; src: url("../fonts/Lora-Italic-Variable.ttf") format("truetype");
    font-weight: 400 700; font-style: italic; font-display: swap; }
@font-face { font-family: "EB Garamond"; src: url("../fonts/EBGaramond-latin.woff2") format("woff2");
    font-weight: 400 600; font-style: normal; font-display: swap; }
:root {
    /* DE KAART IS EEN COMPOSITIE, GEEN THEMA (15 aug 2026): licht perkament en het
       donkere wereldveld zijn ontworpen paren. color-scheme:light zegt browsers met
       een automatische donkere modus dat ze hier niets te herschilderen hebben. */
    color-scheme: light;
    /* ══ DE STOUTENBURGER-BASIS (20 aug 2026) ══
       De kaartrand was een per-kaart materiaaltint; negen kaarten naast elkaar
       oogden daardoor druk. Nu één rand voor het hele register: warm mineral
       bone dat naar een ontzadigde kalksteenvoet zakt (variant F1 — de voet is
       10% minder verzadigd en 3% lichter dan het eerste mineraal, zodat het
       verloop kalksteen→mineraal wordt en niet crème→taupe).
       base_color blijft als materiaaldata in de frontmatter, maar stuurt geen
       vorm meer aan. */
    --sb-bone:  #D8D1C3;        /* de rand zelf — boven en opzij */
    --sb-mid:   #c1bbaf;        /* halverwege */
    --sb-voet:  #9a9589;        /* de voet, waar de systeemstrook in gedrukt staat */
    --sb-veld:  #9a9589;        /* de rug: dezelfde kleur als de voet */
    /* de zone tussen kaartrand en binnenkaderlijn — DEKKEND, zodat voor- en
       achterkant per definitie dezelfde kleur dragen. Een half-transparante
       ring kleurt mee met wat eronder ligt en werd op de rug dus grauw. */
    --sb-kaderveld: #f6f3ee;
    --sb-keyline:   rgba(70,62,50,.20);   /* de binnenkaderlijn zelf */
    /* OP DE RUG (20 aug 2026, Toms correctie): de zone hoort NIET licht te zijn
       maar in de kleurfamilie van het veld — het is de opstaande rand van het
       véld, zoals de zone op de voorkant de opstaande rand van het papier is.
       Gemeten op de voorkant: rand #457D85 → zone #EBE9E5 → lijn #D9D5CB →
       papier #F0EADE; de zone ligt daar 3% onder de content, niet bij de rand.
       Een neutraal lichte zone werd daardoor een witte lijst om een donker vlak.
       Nu: veld + 40% wit, DEKKEND (nooit een verloop over dit gebied), en de
       binnenkaderlijn behoudt haar kleur van vóór deze hele ingreep —
       rgba(240,232,214,.10) over het veld, vooraf uitgerekend. */
    --sb-kaderveld-rug: #c2bfb8;
    --sb-keyline-rug:   #a39d91;
    --sb-inkt:      #2e261c;              /* systeem-inkt op bone en op de rug */
    --base: #3d2747;            /* legacy-vangnet; niet meer sturend */
    --green: var(--base);
    --ink: #2a2520; --muted: #8a8077;
    --gold: #a8905a;
    --paper:     #f9f5ef;
    --paper-top: #f7f0e2;
    --paper-mid: #fdf9f3;
    --paper-blend: #faf5eb;   /* = mix(--paper-top 50%, --paper-mid); vooraf berekend (geen color-mix) */
    --serif: "Lora", Georgia, "Times New Roman", serif;
    --body:  "EB Garamond", Georgia, serif;
    --mono:  grayscale(1) sepia(.72) saturate(.8) brightness(.97) contrast(1.06);
    --tilemono: grayscale(1) sepia(.92) saturate(1.5) hue-rotate(-8deg) brightness(1.12) contrast(.9);
  }
* { box-sizing: border-box; }
/* iOS text-autosizing UIT: iPhone-WebKit blaast anders "te kleine" tekst
     (de 9px-systeemstrook) op ná de kaart-schaling — waardoor de strook vol
     formaat leek terwijl de rest van de kaart netjes meekromp. */
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
body {
    margin: 0; min-height: 100vh; padding: 34px 16px; overflow-x: hidden;
    display: grid; place-items: center; color: var(--ink); font-family: var(--body);
    background: #fbf8f5;   /* bijna-witte pagina-achtergrond, gelijk aan eoena.com */
  }
/* eo-back-a — achterkant, iets groter; haartop gelijk aan voorkant, zit op de rand */
/* (Het oude @supports-fallbackblok is vervallen: color-mix() is volledig
     geëlimineerd — alle materiaal-tinten worden in de build vooraf berekend en als
     kant-en-klare custom properties op de kaart geïnjecteerd. Werkt in élke browser,
     ook iPadOS-Safari < 16.2, mét behoud van de per-materiaal kleur.) */
/* De rechterrand-reserve is 15 aug 2026 vervallen: de bediening woont nu
   linksboven in een eigen interface-regel (card-tools.njk) en het menu is een
   tijdelijk paneel óver de content — het contentgebied is weer de volle breedte. */
/* EEN KAART IS GEEN BESTAND (13 aug 2026). Sleepbare afbeeldingen geven een
   spookbeeld aan de cursor en veranderen een veeg in een sleep. Dit is het
   vangnet voor Safari/Chrome; de werkende regel voor álle browsers staat als
   dragstart-guard in assets/js/card-flip.js. `-webkit-touch-callout` haalt op
   iOS het vasthoud-menu ("Bewaar afbeelding") weg — dezelfde onderbreking,
   maar dan met een vinger. */
img { -webkit-user-drag: none; user-drag: none; -webkit-touch-callout: none; }