:root {
  /* ============================================
     FONTS (Webflow source)
     ============================================ */
  --_fonts---heading: "Conthrax Sb", Tahoma, sans-serif;
  --_fonts---paragraph: Montserrat, sans-serif;
  --_fonts---sub-heading: Montserrat, sans-serif;

  /* ============================================
     COLORS
     ============================================ */
  --light: white;
  --dark: #102d06;
  --dark-30: #102d064d;
  --dark-50: #102d0680;
  --dark-70: #102d06b3;
  --primary: #1be000;
  --primary-30: #1be0004d;
  --primary-50: #1be00080;
  --primary-70: #1be000b3;
  --secondary: #88ef7a;
  --secondary-30: #88ef7a4d;
  --secondary-50: #88ef7a80;
  --secondary-70: #88ef7ab3;
  --tertiary: #f3fdf2;
  --tertiary-30: #f3fdf24d;
  --tertiary-50: #f3fdf280;
  --tertiary-70: #f3fdf2b3;

  /* ============================================
     COMPONENT-LEVEL VARIABLES (defaults = xxl)
     ============================================ */
  --_components---heading: clamp(2.14rem, 1.378rem + 3.81vw, 5.19rem);
  --_components---space: clamp(2.85rem, 2.16rem + 3.45vw, 5.61rem);
  --_components---container: 100%;
  --_components---section: clamp(7.01rem, 5.644rem + 6.83vw, 12.47rem);
  --_components---paragraph: clamp(1.54rem, 1.458rem + .41vw, 1.87rem);

  /* ============================================
     GENERAL SPACING
     ============================================ */
  --_general---space-xxs: clamp(.25rem, .234rem + .08vw, .3125rem);
  --_general---space-xs: clamp(.38rem, .348rem + .16vw, .51rem);
  --_general---space-s: clamp(.56rem, .496rem + .32vw, .82rem);
  --_general---space-m: clamp(.84rem, .72rem + .6vw, 1.32rem);
  --_general---space-l: clamp(1.27rem, 1.052rem + 1.09vw, 2.14rem);
  --_general---space-xl: clamp(1.9rem, 1.508rem + 1.96vw, 3.47rem);
  --_general---space-xxl: clamp(2.85rem, 2.16rem + 3.45vw, 5.61rem);
  --_general---nav-text: var(--dark);

  /* ============================================
     FLUID FLEX COLUMNS
     ============================================ */
  --_fluid-flex---col-50: calc((100% - (2 - 1) * var(--_components---space)) * .5);
  --_fluid-flex---col-70: calc((100% - (2 - 1) * var(--_components---space)) * .7);
  --_fluid-flex---col-60: calc((100% - (2 - 1) * var(--_components---space)) * .6);
  --_fluid-flex---col-66: calc((100% - (2 - 1) * var(--_components---space)) * .6667);
  --_fluid-flex---col-30: calc((100% - (2 - 1) * var(--_components---space)) * .3);
  --_fluid-flex---col-40: calc((100% - (2 - 1) * var(--_components---space)) * .4);
  --_fluid-flex---col-33: calc((100% - (3 - 1) * var(--_components---space)) * .33333);
  --_fluid-flex---col-25: calc((100% - (4 - 1) * var(--_components---space)) * .25);
  --_fluid-flex---col-20: calc((100% - (5 - 1) * var(--_components---space)) * .2);
  --_fluid-flex---col-16: calc((100% - (6 - 1) * var(--_components---space)) * .166666);
  --_fluid-flex---col-55: calc((100% - (2 - 1) * var(--_components---space)) * .55);
  --_fluid-flex---col-45: calc((100% - (2 - 1) * var(--_components---space)) * .45);
}