/*
Theme Name: Prikincident
Theme URI: https://prikincident.nl/
Description: Child theme van Hello Elementor voor Prikincident — zustermerk van Vaccinatiepunt. Huisstijl: diep teal & mintgroen. Volledig opgebouwd met Elementor (flexbox containers).
Author: Marsmedia
Author URI: https://www.marsmedia.nl/
Template: hello-elementor
Version: 1.0.0
Text Domain: prikincident
*/

/* ==========================================================================
   Prikincident — Design tokens (huisstijl)
   ========================================================================== */
:root {
  --prik-teal:        #054958; /* primair / diep teal */
  --prik-teal-hover:  #266B7A;
  --prik-ink:         #032A32; /* koppen / donkere tekst */
  --prik-yellow:      #FFE169; /* CTA geel */
  --prik-yellow-hover:#FFD93B;
  --prik-mint:        #4CD2A3; /* accent groen */
  --prik-mint-token:  #38C191; /* mint hover/icoon */
  --prik-mint-bg:     #DCF4F2; /* licht mint achtergrond */
  --prik-cream:       #FDFBEF; /* cream achtergrond (footer/CTA) */
  --prik-grey-bg:     #F9F9F9; /* lichtgrijze sectie */
  --prik-body:        #41565C; /* body tekst */
  --prik-muted:       #687F84; /* secundaire tekst */
  --prik-line:        #E1E7E9; /* randen/dividers */
  --prik-white:       #ffffff;
  --prik-radius:      12px;  /* kaarten */
  --prik-radius-btn:  8px;   /* knoppen/inputs */
  --prik-radius-lg:   24px;  /* grote blokken */
  --prik-shadow:      0 18px 50px rgba(5,73,88,.10);
  --prik-shadow-sm:   0 8px 24px rgba(5,73,88,.07);
  --prik-container:   1200px;
}

/* Basis – wordt verder aangevuld nadat het design system is verwerkt */
body {
  color: var(--prik-body);
  -webkit-font-smoothing: antialiased;
}