/* Matchmat Core - tokens
   Kleuren, lettertypen en maatvoering van de NOWB-huisstijl (versie 1.0, 2026).
   Dit is de enige plek waar een hexcode mag staan. Alles verwijst hiernaar.
   Overgenomen uit Extra CSS van de Customizer op 13-09-2026, ongewijzigd. */

/* NOWB huisstijl, overgenomen uit Claude Design (september 2026).
   Kleuren en typografie staan ook als globale instellingen in Elementor (Site-instellingen) en Blocksy (Customizer).
   Dit blok bevat alleen: lokaal gehoste fonts, kleurvariabelen en herbruikbare CSS-klassen. */

/* Lokale fonts: Archivo, Public Sans, IBM Plex Mono (SIL Open Font License) */
@font-face{font-family:'Archivo';font-style:normal;font-weight:400 700;font-display:swap;src:url(../fonts/archivo-latin-ext-20ba07.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Archivo';font-style:normal;font-weight:400 700;font-display:swap;src:url(../fonts/archivo-latin-79dc5e.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:'IBM Plex Mono';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/ibm-plex-mono-latin-ext-7f25d9.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/ibm-plex-mono-latin-d196e8.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:'IBM Plex Mono';font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/ibm-plex-mono-latin-ext-b42080.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/ibm-plex-mono-latin-a7544c.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:'Public Sans';font-style:normal;font-weight:400 700;font-display:swap;src:url(../fonts/public-sans-latin-ext-98f94f.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Public Sans';font-style:normal;font-weight:400 700;font-display:swap;src:url(../fonts/public-sans-latin-e769ef.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}

:root{
  /* Medaillekleuren. Alleen voor het plaatsvak bij resultaten en op het
     zaalscherm, en voor het medailleblok op het scorebord en het uitslagscherm
     bij de partij om goud of brons (27-09-2026), altijd samen met het cijfer en het woord Goud, Zilver of Brons.
     Bewuste uitzondering op het palet, vastgesteld 27-09-2026. Minimaal 3:1
     op wit en op bondsblauw. Het cijfer in het vak is inktzwart. */
  --mm-goud:#B8860B;
  --mm-zilver:#8C959F;
  --mm-brons:#B06A2C;
  --nowb-blauw:#103056;
  --nowb-blauw-donker:#0A2340;
  --nowb-accent:#2D4D88;
  --nowb-rood:#A61F26;
  --nowb-tekst:#14181C;
  --nowb-tekst-2:#5B6672;
  --nowb-lijn:#D7DEE6;
  --nowb-lijn-licht:#C9D4E2;
  --nowb-vlak:#F4F6F8;
  --nowb-vlak-blauw:#EAEFF5;
  --nowb-arcering:#E3E8EE;
  --nowb-groen:#1E7A4C;
  --nowb-groen-vlak:#F1F7F3;
  --nowb-rood-vlak:#FBF1F1;
  --nowb-oranje:#D96A00; /* Oranje wimpel. Alleen lijn of vlak, nooit tekst: 3,5:1 op wit, 3,0:1 op vlakblauw. */
  --nowb-font-kop:'Archivo',Helvetica,Arial,sans-serif;
  --nowb-font-tekst:'Public Sans',Helvetica,Arial,sans-serif;
  --nowb-font-mono:'IBM Plex Mono',ui-monospace,monospace;
  --nowb-ring-svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 31'%3E%3Cpath d='M2 14a12 12 0 0 1 24 0' fill='none' stroke='%23A61F26' stroke-width='4'/%3E%3Cpath d='M2 17a12 12 0 0 0 24 0' fill='none' stroke='%232D4D88' stroke-width='4'/%3E%3C/svg%3E");
}
/* Knoptekst in Blocksy gelijk aan het ontwerp */
:root{--theme-button-font-weight:600;--theme-button-font-size:16px;--theme-button-line-height:1}

/* Huisstijlnamen uit de NOWB-gids. Nieuwe Matchmat-code gebruikt deze namen;
   de --nowb-namen hierboven blijven bestaan omdat de huidige pagina's ze gebruiken. */
:root{
  --mm-bondsblauw:var(--nowb-blauw);
  --mm-bondsblauw-donker:var(--nowb-blauw-donker);
  --mm-matblauw:var(--nowb-accent);
  --mm-rood:var(--nowb-rood);
  --mm-inktzwart:var(--nowb-tekst);
  --mm-leesgrijs:var(--nowb-tekst-2);
  --mm-lijngrijs:var(--nowb-lijn);
  --mm-lijngrijs-licht:var(--nowb-lijn-licht);
  --mm-nevelgrijs:var(--nowb-vlak);
  --mm-vlakblauw:var(--nowb-vlak-blauw);
  --mm-arcering:var(--nowb-arcering);
  --mm-uitslaggroen:var(--nowb-groen);
  --mm-groenvlak:var(--nowb-groen-vlak);
  --mm-roodvlak:var(--nowb-rood-vlak);
  --mm-oranje:var(--nowb-oranje);
  --mm-wit:#FFFFFF;

  --mm-font-kop:var(--nowb-font-kop);
  --mm-font-tekst:var(--nowb-font-tekst);
  --mm-font-mono:var(--nowb-font-mono);
  --mm-ring:var(--nowb-ring-svg);

  /* Maatvoering uit de gids. Vastgelegd zodat niemand hoeft te onthouden
     dat een raakvlak 44px is of een kaartmarge 24px. */
  --mm-raakvlak:44px;
  --mm-raakvlak-tussenruimte:8px;
  --mm-kaart-marge:24px;
  --mm-kaart-marge-mobiel:20px;
  --mm-paginamarge-mobiel:20px;
  --mm-rand-knop:2px;
  --mm-rand-kaart:1px;
  --mm-focus-dikte:3px;
  --mm-focus-afstand:2px;
  --mm-kaart-afstand-mobiel:16px;
}

/* Aanvullingen 16-09-2026: donkerrood voor de hover van de actieknop (stond los in
   componenten.css) en het Lucide-pictogram chevron-down als masker. De kleur van het
   masker doet niet mee; het pictogram neemt de tekstkleur over. */
:root{
  --mm-rood-donker:#8E1A20;
  --mm-icoon-chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
}

/* Uitzondering op "geen schaduw" (huisstijl 1.0): uitsluitend als hover-signaal
   op een aanklikbare kaart, nooit als vaste opmaak. In bondsblauw, niet zwart. */
:root{
  --mm-schaduw-hover:0 1px 2px rgba(16, 48, 86, .10), 0 8px 20px rgba(16, 48, 86, .20);
}

/* === Huisstijl v1.1 (concept, 25-09-2026) ===================================
   Diepte (richting B: harde schaduw zonder vervaging) en een donkere modus.
   Terugdraaien: dit blok verwijderen en thema.css niet meer laden. */

/* Vaste waarden: veranderen niet mee in donker. Nodig waar een vlak in beide
   modi dezelfde kleur houdt, zoals de rode actieknop en de hoekkleuren. */
:root{
  --mm-vast-bondsblauw:#103056;
  --mm-vast-bondsblauw-donker:#0A2340;
  --mm-vast-matblauw:#2D4D88;
  --mm-vast-rood:#A61F26;
  --mm-vast-inktzwart:#14181C;
  --mm-vast-vlakblauw:#EAEFF5;
  --mm-vast-waarschuwing:#F7E017; /* Gele waarschuwing op de mat; alleen vlak, nooit tekst. */
  --mm-vast-mat-rood:#D0202F;     /* Matkleuren van de wedstrijdvloer; wit erop 5,3:1. */
  --mm-vast-mat-blauw:#1B4CA1;    /* Wit erop 8,1:1. */
  --mm-vast-zachtgeel:#F3E7A0;    /* Activiteitsklok; zachter dan het waarschuwingsgeel. */
  --mm-vast-medisch:#4E8B1F;      /* Klokje voor blessuretijd; alleen vlak. */
  --mm-vast-lichtgrijs:#C3CCD7;   /* Vlak achter de wedstrijdklok, ook in donker. */
  --mm-matblauw-40:#9DB4DD; /* Alleen vlak en schaduw, nooit tekst. */

  /* Donkere set. Contrast op bondsblauw donker: tekst-2 8,7:1, accent 7,4:1,
     fout 7,2:1, groen 8,7:1. */
  --mm-d-achtergrond:#0A2340;
  --mm-d-oppervlak:#103056;
  --mm-d-oppervlak-2:#173C69;
  --mm-d-rij:#0E2A4C;
  --mm-d-lijn:#2E5282;
  --mm-d-tekst-2:#B4C2D3;
  --mm-d-accent:#8EB2F0;
  --mm-d-fout:#FF8F8F;
  --mm-d-groen:#74D39C;
  --mm-d-groenvlak:#12382E;
  --mm-d-roodvlak:#3A1B2B;

  /* Diepte. Harde schaduw: verschuiving zonder vervaging. */
  --mm-diepte:4px;
  --mm-diepte-hover:6px;
  --mm-diepte-kaart-hover:8px;
  --mm-schaduw-knop:var(--mm-matblauw-40);
  --mm-schaduw-knop-hover:var(--mm-bondsblauw);
  --mm-schaduw-knop-2:var(--mm-bondsblauw);
  --mm-schaduw-knop-2-hover:var(--mm-matblauw);
  --mm-schaduw-kaart:var(--mm-lijngrijs-licht);
  --mm-schaduw-kaart-hover:var(--mm-matblauw);
}

/* Lucide check als masker, voor het selectievakje in de donkere modus. */
:root{--mm-icoon-vink:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E")}

/* Lucide search als masker (18-10-2026); de kleur volgt de tekst. */
:root{--mm-icoon-zoek:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.3-4.3'/%3E%3C/svg%3E")}