/* Thema C · Tribune — licht en vriendelijk, ronde kaarten, dorpsgevoel */
@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800;900&display=swap');
:root {
  --font-display: 'Nunito', system-ui, sans-serif;
  --font-body: 'Nunito', system-ui, sans-serif;
  --bg: #F4F7FB;
  --surface: #FFFFFF;
  --surface-alt: #E1ECFB;
  --border: #E3E9F2;
  --border-strong: #C9DBF5;
  --text: #1B2432;
  --text-muted: #4A5568;
  --primary: #1E6FD9;
  --primary-text: #FFFFFF;
  --accent: #E1ECFB;
  --accent-text: #154F9C;
  --accent-dark: #154F9C;
  --success-bg: #E3F2E8;  --success: #1D7A46;
  --warn-bg: #FDF1D6;     --warn: #7A5A0F;
  --danger-bg: #FBE9E7;   --danger: #8E2A1F;
  --radius: 12px; --radius-lg: 22px; --radius-pill: 999px;
  --shadow: 0 2px 10px rgba(27,36,50,0.06);
  --nav-bg: #FFFFFF; --nav-text: #1B2432; --nav-active-bg: #1E6FD9; --nav-active-text: #FFFFFF;
  --hero-bg: #F4F7FB; --hero-text: #1B2432;
  --btn-primary-bg: #1E6FD9; --btn-primary-text: #FFFFFF;
  --heading-transform: none; --heading-weight: 900; --heading-tracking: 0;
}

/* Aanvulling voor de app — extra componenttokens (app.css valt terug op standaardwaarden als deze ontbreken) */
:root {
  --btn-radius: var(--radius-pill);   /* pilvormige knoppen en badges */
  --btn-font: var(--font-body);
  --card-border-width: 0px;           /* kaarten zonder rand, met zachte schaduw */
  --field-border-width: 2px;
  --rule: var(--border);
}