/* DE ASSISTENT: TOKENS (klus 4, 30-09-2026)
   De bouwdoos is van een andere sessie en blijft alleen-lezen; deze tokens zijn een eigen bestand met dezelfde
   waarden (ontwerpprincipes §9: "komt een ontbrekend onderdeel in een eigen bestand met dezelfde tokens").
   Op de laptop wijzen ze naar de bouwdoos; mobile.html laadt de bouwdoos niet, daar geldt de terugvalwaarde.
   Geen donkere huid: de app is altijd licht (besluit 26-09). */
.asst-dom {
  --asst-vlak: var(--vlak, #FFFFFF);
  --asst-achtergrond: var(--achtergrond, #F8F9FA);
  --asst-tekst: var(--tekst, #17223A);
  --asst-zacht: var(--tekst-zacht, #6B7280);
  --asst-lijn: var(--lijn, #E5E7EB);
  --asst-accent: var(--accent, #2864AE);
  --asst-accent-licht: var(--accent-licht, #EAF1FA);
  --asst-goed: var(--goed-tekst, #166534);
  --asst-fout: var(--fout-tekst, #991B1B);
  --asst-letop-vlak: var(--letop-vlak, #FEF3C7);
  --asst-letop-tekst: var(--letop-tekst, #92400E);
  --asst-staaf: var(--spark, #2864AE);
  --asst-staaf-zacht: var(--vn-voor, #C7D2E3);
  --asst-plafond: var(--urgent, #C2410C);
  --asst-a1: var(--a1, 6px);
  --asst-a2: var(--a2, 10px);
  --asst-a3: var(--a3, 16px);
  --asst-a4: var(--a4, 24px);
  --asst-tekst-basis: 13px;
  --asst-tekst-klein: 12px;
  --asst-tekst-bijschrift: 11px;
  --asst-tekst-getal: 22px;
  --asst-tekst-titel: 15px;
  --asst-radius: 12px;
  --asst-radius-veld: var(--radius-veld, 6px);
  --asst-radius-rond: 999px;
  --asst-klikdoel: 28px;
  --asst-bubbel: 44px;
  --asst-paneel-breed: 400px;
  --asst-paneel-hoog: 560px;
  --asst-tabbalk: var(--tab-hoogte, 64px);   /* hoogte van de tabbalk van mobile.html (.m-tabbar) */
  --asst-schaduw: 0 1px 3px rgba(0, 0, 0, 0.06);
  --asst-schaduw-paneel: 0 2px 6px rgba(23, 34, 58, 0.10), 0 8px 24px rgba(23, 34, 58, 0.14);
  --asst-font: var(--font, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif);
}
@media (pointer: coarse) { .asst-dom { --asst-klikdoel: 44px; } }
/* Op mobile.html (na de merge, 30-09-2026) de maten van de mobiele app: klikdoelen 44 px en tekst minstens 13 px
   (kijk:mobiel), het vraagveld 16 px zodat Safari niet inzoomt bij het typen. Zelfde indeling als het paneel. */
.asst-dom.asst-dom--mobiel { --asst-klikdoel: 44px; --asst-tekst-basis: 16px; --asst-tekst-klein: 13px; --asst-tekst-bijschrift: 13px; }
/* En de kleuren van mobile.css (licht én donker): de laptopnamen (--tekst, --accent, ...) bestaan daar niet, en de
   terugvalwaarden zijn licht, wat in het donkere thema donkere tekst op een donker vlak gaf. */
.asst-dom.asst-dom--mobiel {
  --asst-vlak: var(--vlak); --asst-achtergrond: var(--grond); --asst-tekst: var(--inkt); --asst-zacht: var(--inkt-2);
  --asst-lijn: var(--lijn-sterk); --asst-accent: var(--primary); --asst-accent-licht: var(--primary-zacht);
  --asst-goed: var(--goed); --asst-fout: var(--fout); --asst-letop-vlak: var(--primary-zacht); --asst-letop-tekst: var(--waarschuwing);
  --asst-staaf: var(--primary); --asst-staaf-zacht: var(--lijn-sterk); --asst-plafond: var(--waarschuwing);
}