:root {
  /* Colors */
  --accent-text-primary: #2d8e2d;
  --accent-text-primary-dark: #288828;
  --accent-text-primary-light: #388f3e;
  --accent-text-primary-hover: #1a5a1a;
  --body: #333;
  --body-dark: black;
  --body-light: white;
  --bg-dark: black;
  --bg-light: white;
  --bg-medium: #f7f7f7;
  --blog-body: rgb(0 0 0 / 40%);
  --blog-divider: rgb(204 204 204 / 75%);
  --box-shadow: rgb(0 0 0 / 10%);
  --box-shadow-2: rgba(0,0,0,0.12);
  --box-shadow-dark: rgba(0,0,0,0.35);
  --box-shadow-light: rgb(0 0 0 / 4%);
  --box-shadow-medium: rgb(0 0 0 / 18%);
  --brand: rgb(40 136 40);
  --brand-hover: #388f3e;
  --card-border: rgb(232 230 230 / 75%);
  --card-border-light: #e8e6e6;
  --divider: #e0e0e0;
  --expand-icon: #888;
  --footer-bg: black;
  --header-bg: white;
  --hr: black;
  --icon-bg: #000;
  --img-block-quote: #4bb553;
  --img-block-quote-text: white; 
  --img-thumbnail-bg: #f0f0f0;
  --meta-text: #666;
  --meta-text-dark: #000;
  --modal-active: #c00;
  --modal-active-light: #F46569;
  --modal-bg: #f5f5f5;
  --modal-body: #111;
  --modal-border: #eee;
  --modal-border-dark: rgba(0,0,0,0.08);
  --modal-link: #000;
  --modal-overlay-bg: rgb(0 0 0 / 45%);
  --modal-social-bg: #f3f3f3;
  --modal-target: rgba(0,0,0,0.6);
  --nav-divider: #ccc;
  --papers-bg: rgb(242 240 241);
  --social-facebook: #1877f2;
  --social-hover-border: #ddd;
  --social-linkedin: #1da1f2;
  --social-outline: rgba(40,136,40,0.2);
  --social-twitter: #0077b5;
  --statistics-divider: rgb(192 192 192);

  /* Font sizes */
  --fs-img-hero: 56px;
  --fs-title: 45px;
  --fs-section-heading: 38px;
  --fs-text-section-heading: 36px;
  --fs-subheading: 32px;
  --fs-img-quote: 31px;
  --fs-subheading-sm: 28px;
  --fs-media-card-title: 25px;
  --fs-subheading-xs: 22px;
  --fs-intro: 20px;
  --fs-body: 18px;
  --fs-meta: 16px;
  --fs-social: 15px;
  --fs-meta-sm: 14px;
  --fs-meta-xs: 12px;
  --fs-footer-divider: 10px;

  --fs-mobile-img-stat: 30px;
  --fs-mobile-blog-title: 28px;
  --fs-mobile-title: 25px;
  --fs-mobile-subheading-lg: 22px;
  --fs-mobile-subheading-md: 19px;
  --fs-mobile-subheading-sm: 18px;
  --fs-mobile-body: 17px;
  --fs-mobile-description: 16px;
  --fs-mobile-img-unit: 15px;
  --fs-mobile-section-heading: 14px;
  --fs-mobile-subheading-xs: 13px;
  --fs-mobile-meta: 12px;
  --fs-mobile-copyright: 11px;

  /* Mobile design base */

  --mobile-design-base: 320px;
  --mobile-vw-unit: calc(100vw / var(--mobile-design-base));

}