@import url("https://use.typekit.net/nsk4yvd.css");

@import url(https://fonts.googleapis.com/css2?family=Caveat:wght@700&display=swap);

:root {
  /* Colors */
  --primary: #004587;
  --primaryDark: #003364;
  --secondary: #0094aa;
  --tertiary: #c1ce4b;
  --tertiaryDark: #c1ce4b;
  --tertiaryFont: #ffffff;
  --bg: #f2f5f9;
  --bgDark: #eaf2fd;
  --fontColor: #3e3e3e;

  --grey1: #bfbebe;
  --grey2: #dfdfdf;
  --grey3: #f5f5f5;
  --grey4: #f9f9f9;

  --error: #e61818;
  --warning: #ff9300;
  --success: #c1ce4b;
  --succesLight: #f9fae9;
  --info: #8ec8cc;

  /* Custom Colors */
  --c-heading: var(--primary);

  /* Color status */
  --zwak: #e61818;
  --minderSterk: #ff9300;
  --voldoende: #ffe066;
  --goed: #47c869;

  /* Buttons */
  --btnRadius: 6px;

  /* Color blocks */
  --ctaText: #ffffff;

  /* Fonts */
  --fontFamily: "bligh";
  --fontWriting: "Caveat", cursive;

  /* Fontsizes */
  --fontXS: 12px;

  /* Fontweights */
  --titleWeight: 900;
  --headingWeight: 700;
  --navWeight: 700;
  --fontWeightMedium: 700;

  /* Writing */
  --writing: var(--secondary);
  --sizeWriting: 40px;
  --writingWeight: 600;
  --writingLineHeight: 1;

  /* Shapes */
  --circleShape: url(/wp-content/themes/socialbrothers/assets/hcc-omcircel.svg);
  --smallCircleShape: url(/wp-content/themes/socialbrothers/assets/hcc-omcirkel-sm.svg);
  --arrowDown: url(/wp-content/themes/socialbrothers/assets/hcc-pijlen-pijl-beneden.svg);
  --circleGradient: ;

  /* Border Radius */
  --border-radius-sm: 0px;
  --border-radius-lg: 0px;
  --border-radius-xl: 0px;
}