:root {
    /* Font :: BEGIN */
    --font-family-primary: 'Roboto', sans-serif;
    --font-size-base: 1.6rem;
    /* Note: Change line height based on the font stack */
    --line-height-large: 2;
    --line-height-base: 1.5;
    --line-height-small: 1.25;
    /* Font Weight :: BEGIN */
    --font-weight-regular: 400;
    --font-weight-medium: 500;
    --font-weight-bold: 700;
    /* Font Weight :: END */
    --radius-base: .4rem;
    /* Font :: END */
    /* Color Theme Variable Declaration */
    --color-primary: #8ABE2E;
    --color-secondary: #E31837;
    --color-primary-rgb: 185 54 52;
    --color-on-primary: #ffffff;
    --color-on-secondary: #ffffff;
    --color-success: #14A38B;
    --color-success-light: #F2FFFA;
    --color-danger: #FF7171;
    --color-warning: #F2AC57;
    --color-info: #8DCAFC;
    --color-light: #F6F6F6;
    --color-dark: #333333;
    --color-link: #0066FF;
    --color-grey: #666666;
    --color-grey-light: #F7F7F7;
    --color-body-background: #ffffff;
    --color-body-color: #231F20;
    --color-text-muted: #666666;

    --accent-color: #394821;
    /* --gradient-radial: radial-gradient(#FFD500, #AF1E23); */
    /* Gutter Spaces */
    --gutter-base: 1.6rem;

    --sticky-top-1: 4.5rem;
}