/*
 * Copyright (c) 2026 Olonto B.V. Alle rechten voorbehouden. Vertrouwelijk.
 * Maker: Niklas Plasmans.
 * SPDX-License-Identifier: LicenseRef-Olonto-Proprietary
 * Bron-ID: f64a92b5-8822-489d-8fa3-ae427b5096fa
 */
/* Handova. Lila papier, zwarte inkt, de kleurstelling van Kurswert. Niets wat niet nodig is.

   De basislaag voor elke pagina: letters, kleuren en de regels uit docs/ontwerp.md. Komt als laatste in <head>
   (layout_start() en _handova_prepend.php), zodat hij de oude stijlen van een pagina overschrijft. */

@font-face {
  font-family: "Handova Serif";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/charis-latin-400.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Handova Serif";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/fonts/charis-latin-700.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Handova Serif";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/charis-latin-400-italic.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* Plus en min uit Inter, ook midden in de leesletter: in Charis zijn ze een volle em breed. */
@font-face {
  font-family: "Handova Teken";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("/fonts/inter-latin-wght-normal.woff2") format("woff2");
  unicode-range: U+002B, U+2212;
  size-adjust: 92%;
}

:root {
  /* Lila, zoals Kurswert. Overdag lila papier met zwarte inkt. Groen en rood alleen voor wat klaar is en wat aandacht
     vraagt. Elke tekstkleur haalt minstens 4,6:1, ook op een regel onder de muis (--sunk). */
  --bg: #f1eaff;
  --surface: #f1eaff;
  --sunk: #e9e1f8;
  --ink: #100e15;
  --ink-2: #3b3644;
  --muted: #625c70;
  --line: #dcd4ed;
  --line-2: #bab3c7;
  --rule: #100e15;
  --merk: #100e15;
  --signatuur: #c7aff5;
  --ok: #007343;
  --down: #c02525;
  --warn: #7a5200;
  --font: "Inter", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --serif: "Handova Teken", "Iowan Old Style", "Charter", "Handova Serif", Georgia, serif;
  --mono: Menlo, Consolas, "Courier New", monospace;
  color-scheme: light;
}

/* 's Nachts draait het om, op de pagina's van de nieuwe opmaak (body.hv): het papier wordt donker en het lila
   verhuist naar de naam en de lijnen. Oudere pagina's met vaste kleuren blijven licht. */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]):has(> body.hv) {
    --bg: #131019; --surface: #131019; --sunk: #1d1925; --ink: #f1eef7; --ink-2: #ccc8d5; --muted: #a19bad;
    --line: #292531; --line-2: #3b3743; --rule: #af95df; --merk: #c7aff5; --signatuur: #c7aff5;
    --ok: #3fcf8e; --down: #ff6b5e; --warn: #e3b35a; color-scheme: dark;
  }
}
:root[data-theme="dark"]:has(> body.hv) {
  --bg: #131019; --surface: #131019; --sunk: #1d1925; --ink: #f1eef7; --ink-2: #ccc8d5; --muted: #a19bad;
  --line: #292531; --line-2: #3b3743; --rule: #af95df; --merk: #c7aff5; --signatuur: #c7aff5;
  --ok: #3fcf8e; --down: #ff6b5e; --warn: #e3b35a; color-scheme: dark;
}

/* ---------- Voor elke pagina ---------- */
html { background: var(--bg); -webkit-text-size-adjust: 100%; }
body, body * { font-family: var(--font) !important; }
body pre, body code, body kbd, body samp, body tt { font-family: var(--mono) !important; }
body .serif, body .serif * { font-family: var(--serif) !important; }
body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; letter-spacing: -0.008em; }
::selection { background: var(--signatuur); color: #100e15; }
:focus-visible { outline: 1.5px solid var(--ink); outline-offset: 3px; }

/* Rechte hoeken. Alleen wat echt rond is, blijft rond: stippen (.rond) en keuzerondjes. */
*:not(.rond):not(input[type="radio"]), *::before, *::after { border-radius: 0 !important; }
/* Eén vlak: geen schaduwen. Een lijn van 1 pixel scheidt wat bij elkaar hoort. */
*, *::before, *::after { box-shadow: none !important; text-shadow: none !important; }