@import '../assets/mainframe.css';
/*
  De waardes in dit bestand mag je aanpassen als dat nodig blijkt te zijn.

  - De HSL waardes worden gebruikt om het hover effect te creëren.
    Gebruik hiervoor de waardes die terug te vinden zijn in het Figma bestand.
    Is er geen Figma bestand kun je deze ook terugvinden door de HEX code in Google te plaatsen.
*/

/* Variables */

:root {

  /* theme-color-variables */

  /* Primary color */
  --bs-primary: var(--pr-color);
  /* Secondary color */
  --bs-secondary: var(--sd-color);
  /* Background color */
  --bs-background: var(--bg-color);
  /* Tertiary color */
  /* --bs-tertiary: var(--ter-color); */
  /* Text color */
  --text: var(--text-color);
  /* Primary btn color */
  --primary-btn-color: var(--pr-btn-color);
  /* Btn text color */
  --text-btn-color: var(--btn-text-color);
  /* Icoon background color */
  --icoon-bg-color: var(--bg-icoon-color);
  /* Hover color */
  --hover: var(--btn-hover-color);
  
  /* Body */
  --bs-body-font-family: "Barlow SemiBold", sans-serif;
  --bs-heading-font-family: 'Barlow', sans-serif;
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.6;
}