/* =============================================================
   KLEUREN VAN HET SPEL — pas hier de kleuren aan.
   spel.css gebruikt alleen deze namen, nergens eigen kleurcodes.

   Pesten 2.0 (het ontwerp in images/pestenLayout.png):
   vilt (groen)      = de achtergrond van alle pagina's, met vage kaartsymbolen
   tafel             = de ovale speeltafel: licht groen vilt met een donkergrijze rand
   goud              = lijnen, randen van de naamborden en panelen, gewone knoppen
   wit               = tekst; de kaarten zelf
   rood              = waarschuwing: "Laatste kaart", +2 op tafel, fouten
   ============================================================= */
:root {
  /* vilt: de achtergrond */
  --vilt: #1d6b35;
  --vilt-donker: #145327;
  --vilt-patroon: rgba(0, 0, 0, .09);      /* de vage schoppen en klaveren */
  --vilt-lijn: rgba(0, 0, 0, .06);         /* het ruitpatroon */

  /* de ovale tafel */
  --tafel: #62b276;
  --tafel-licht: #80c792;
  --tafel-rand: #474b4a;
  --tafel-rand-licht: #5c605f;
  --tafel-lijn: rgba(255, 255, 255, .55);  /* de dunne witte lijn op het vilt */

  /* panelen en lijnen */
  --goud: #d6ae3e;
  --goud-licht: #f2cf63;                   /* wie aan de beurt is */
  --goud-donker: #8f7222;
  --paneel: rgba(6, 40, 19, .42);          /* naamborden, je hand, formulieren */
  --paneel-vol: #134a26;                   /* vensters */
  --band: rgba(0, 0, 0, .12);              /* de band met tips */

  /* tekst */
  --tekst-licht: #ffffff;
  --tekst-zacht: rgba(255, 255, 255, .78);
  --tekst-donker: #17301f;                 /* op goud en wit */

  /* ronde knoppen in de kop en bij de tafel */
  --knop-rond: #214f4b;
  --knop-rond-rand: rgba(255, 255, 255, .3);
  --knop-rood: #c0392b;                    /* ophangen */

  /* spelerskaarten */
  --avatar-achtergrond: #e3e5e9;
  --zandloper: #f4b81c;
  --zandloper-tekst: #6b3d00;

  /* "Laatste kaart" */
  --laatste-achtergrond: #8a5a2b;
  --laatste-tekst: #f3c552;
  --laatste-vinkje: #2b1a0b;
  --laatste-aan: #c0392b;

  /* kaarten */
  --kaart: #ffffff;
  --kaart-rood: #e0262a;
  --kaart-zwart: #111111;
  --speelbaar: #f2cf63;         /* rand om kaarten die je kunt spelen */
  --nieuw: #f4b81c;             /* stip op kaarten die je net hebt gepakt */
  --tip: #4fc3f7;               /* de kaart die de assistent aanraadt */
  --schaduw: rgba(0, 0, 0, .35);

  /* logboek */
  --pest: #ffb4a8;              /* pestkaarten */
  --straf: #ff8a7a;             /* strafkaarten */
  --laatste: #f3c552;           /* "Laatste kaart!" */

  /* waarschuwing, meldingen en vensters */
  --rood: #d93a2b;
  --fout-achtergrond: #fbe0dc;
  --fout-tekst: #7a160c;
  --info-achtergrond: #fff8e1;
  --info-tekst: #17301f;
  --invoer: #ffffff;
  --overlay: rgba(4, 22, 10, .72);
}