/* ═══════════════════════════════════════════════════════════
   AFSPRAKEN — het thema van smeuldersdigital.com
   Smeulders Digital

   De agenda in de huisstijl van de site zelf: houtskool, as en
   gloeiend rood. De waarden komen uit css/style.css (de tokens
   bovenaan). Wijzig je daar een kleur, wijzig ze hier mee.

   Dit is het enige bestand van de agenda dat per site anders is.
   agenda.css blijft onaangeroerd, zodat een nieuwere versie uit
   agenda\kit\ er later gewoon over kan.
   ═══════════════════════════════════════════════════════════ */

:root {
  /* tekst en vlakken */
  --ag-tekst:         #F6F1EA;                 /* --ash */
  --ag-zacht:         #C9C1B8;                 /* --ash-2 */
  --ag-vlak:          #100E0C;                 /* --ink-2: de kaart */
  --ag-pagina:        #0A0908;                 /* --ink: alleen /afspraak/ en annuleren.php */
  --ag-rand:          rgba(246, 241, 234, .12);

  /* het gloeiend rood: gekozen dag, gekozen uur, de knop */
  --ag-accent:        #F5251F;                 /* --ember */
  --ag-accent-tekst:  #ffffff;
  --ag-accent-zacht:  rgba(245, 37, 31, .14);

  /* meldingen */
  --ag-fout:          #FF6A2B;                 /* --ember-hot, leesbaar op donker */
  --ag-goed:          #8CCB97;

  /* vorm */
  --ag-radius:        18px;                    /* --r */
  --ag-knop-radius:   999px;

  /* letters: dezelfde als de site */
  --ag-lettertype:    "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;
  --ag-koplettertype: "Bricolage Grotesque", "Segoe UI", system-ui, sans-serif;
}