:root{
  /* ===== COLOURS — auto-extracted. Rename to semantic roles, then
     run `tokenize_css.py rename`. See references/token-format.md. ===== */
  --color-shadow: rgba(0, 0, 0, 0.2);   /* seen in: .block_content .content-wrapper div.box-shadow, .block_tekst_afbeelding .content-wrapper.style-11.block-shad, div.box-shadow */
  --color-shadow-soft: rgba(0, 0, 0, 0.19);   /* seen in: .block_content .content-wrapper div.box-shadow, .block_tekst_afbeelding .content-wrapper.style-11.block-shad, div.box-shadow */
  --color-overlay: rgba(0, 0, 0, 0.7);   /* seen in: .block_content .content-wrapper .image_container.style3 .ima */
  --color-fg: #000000;   /* seen in: #nav-mobile .nav-link, .block_content .content-wrapper.style-4 .image_container> :n, .block_tekst_afbeelding .style-14>*:not(.content-title) */
  --color-fg-muted: #313131;   /* seen in: .block_opening_hours .opening_hours_day_time, .block_opening_hours .opening_hours_day_time.today */
  --color-overlay-modal: rgba(1, 1, 1, 0.7);   /* seen in: .modal */
  --color-shadow-faint: rgba(0, 0, 0, 0.125);   /* seen in: .btn-pxl-outline, .btn-pxl-primary, .btn-pxl:not(.btn-outline-secondary) */
  --color-overlay-white-soft: rgba(255, 255, 255, .2);   /* seen in: 40% */
  --color-overlay-strong: rgba(1, 1, 1, 0.9);   /* seen in: .mobile_footer a:hover */
  --color-bg: #ffffff;   /* seen in: .bubble, .bubble:after, body */
  --color-border: #cccccc;   /* seen in: .bubble, .bubble:before */
  --color-fg-soft: #333333;   /* seen in: .mobile_footer a */
  --color-whatsapp: #25d366;   /* seen in: .mobile_footer .whatsapp */
  --color-call: #2d572c;   /* seen in: .mobile_footer .call */
  --color-mail: #d53032;   /* seen in: .mobile_footer .mail */
  --color-accent: rgb(213, 158, 32);   /* seen in: #footer .btn-pxl, .block_button *, .btn-pxl:not(.btn-outline-secondary), .footer .block_button * */
  --color-accent-contrast: rgb(13, 7, 1);   /* seen in: .block_button *, .btn-pxl:not(.btn-outline-secondary) */
  --color-accent-shadow: rgb(128, 95, 19);   /* seen in: #footer .btn-pxl, .block_button *, .btn-pxl:not(.btn-outline-secondary), .footer .block_button * */
  --color-fg: rgb(0, 0, 0);   /* seen in: #footer .btn-pxl, .content, .content p, .content ul,.content label, .content li,.content, .content small */
  --color-fg-inverse: rgb(255, 255, 255);   /* seen in: #copyright, #copyright .plazaxl-logo, #copyright a, #footer */
  --color-heading: rgb(58, 69, 99);   /* seen in: #top h1, #top h2, #top h3, #top h4, #top h5, #top h6, .content, .content h1, .content h2, .content h3, .content h4, .content, .top h1, .top h2, .top h3, .top h4, .top h5, .top h6 */
  --color-dark: rgb(13, 13, 13);   /* seen in: #footer */
  --color-accent-light: rgb(248, 195, 49);   /* seen in: .footer h6 */
  --color-dark-elevated: rgb(43, 43, 43);   /* seen in: #copy-wrapper, #copyright */
  --color-nav-bg: rgba(13, 13, 13, 0.00);   /* seen in: body */
  --color-nav-bg-solid: rgba(13, 13, 13, 1.00);   /* seen in: body */
  --color-nav-dropdown-bg: rgba(43, 43, 43, 1.00);   /* seen in: body */
  --color-transparent: rgba(0, 0, 0, 0);   /* seen in: nav#navigation, nav#navigation:not(.fixed-top) #nav-inner */
  --color-shadow-strong: rgba(0, 0, 0, 0.8);   /* seen in: nav#navigation.fixed-top #nav-inner */
  --color-overlay-white-weak: rgba(255, 255, 255, 0.1);   /* seen in: nav#navigation .dropdown-menu, nav#navigation ul.navbar-nav li.nav-item.dropdown .dropdown- */
  --color-overlay-white: rgba(255, 255, 255, 0.3);   /* seen in: nav#navigation .dropdown-menu */

  /* ===== FONTS — auto-extracted ===== */
  --font-1: var(--button-font) !important;   /* seen in: .block_button .btn-pxl:not(.btn-new-style) */
  --font-2: var(--pxl-btn-font-family);   /* seen in: .btn-pxl */
  --font-body: Open Sans;   /* seen in: .content p, .content ul,.content label, .content li,.content, .content small, .top p, .top div:not(.btn-text),.top ul, .top li, .top a:not, body, a */
  --font-display: Montserrat;   /* seen in: #nav-mobile .nav-link, #top h1, #top h2, #top h3, #top h4, #top h5, #top h6, .content h1, .content h2, .content h3, .content h4, .content, .top h1, .top h2, .top h3, .top h4, .top h5, .top h6 */
  --font-icon: 'Font Awesome 6 Free';   /* seen in: .preview_foot_button:after */
  --font-6: ;   /* seen in: #footer .btn-pxl, #footer h1, #footer h2, #footer h3, #footer h4, #footer h5, , .btn-pxl, .footer p, .footer ul, .footer li, .footer a:not(.btn), .foo */

  /* ===== SPACING / RADIUS / SHADOW / TYPE SCALE =====
     Not auto-tokenized (shorthand-unsafe). The literals found are in
     token-report.json; define them by hand against the standard
     vocabulary in references/token-format.md, then run check_tokens.py. */
}