.ejs {
    /*------------------------------------------------------------------------*/
    /* TYPOGRAPHY */
    /*------------------------------------------------------------------------*/

    /* Type Size */
    --type-size-sm: .9em;
    --type-size: 1em;
    --type-size-md: 1.1em;
    --type-size-lg: 1.2em;
    --type-size-xl: 1.5em;
    --type-size-xxl: 2em;

    /* Fonts */
    --primary-font: "Poppins", Helvetica Neue, Helvetica, Arial, sans-serif;
    --secondary-font: "Source Sans Pro", sans-serif;
    --mono-font: "Source Code Pro", monospace;

    /* Icon Font */
    --icon-font: normal normal normal 1em / 1 FontAwesome;

    /*------------------------------------------------------------------------*/
    /* COLOR */
    /*------------------------------------------------------------------------*/

    --black: 0, 0, 0;
    --white: 255, 255, 255;

    /* Brand */
    --brand-primary: 87, 184, 86;
    --brand-secondary: 23, 50, 60;
    --brand-text: 255, 255, 255;

    /* Body */
    --body: 244, 247, 250;
    --body-track: 236, 240, 243;
    --body-bar: 217, 222, 226;

    /* Background */
    --background-light: 248, 251, 253;
    --background-medium: 236, 240, 243;
    --background-dark: 139, 149, 157;
    --background-hov: 236, 240, 243;
    --background-disabled: 236, 240, 243;

    /* Text */
    --text: 55, 85, 94;
    --text-disabled: 139, 149, 157;
    --text-placeholder: 139, 149, 157;
    --button-text: 255, 255, 255;

    /* Heading */
    --heading: 23, 50, 60;

    /* Icon */
    --icon-color: 107, 141, 152;

    /* Main Nav */
    --main-nav: 25, 54, 64;
    --main-nav-active: 32, 62, 72;
    --main-nav-hov: 22, 47, 56;

    /* Sidebar */
    --sidebar: 230, 235, 238;
    --sidebar-hov: 217, 222, 226;
    --sidebar-track: 225, 229, 232;
    --sidebar-bar: 204, 211, 216;

    /* Sub Tabs */
    --sub-tabs: 236, 240, 243;
    --sub-tabs-track: 228, 232, 236;
    --sub-tabs-bar: 217, 222, 226;

    /* Preformatted */
    --preformatted: 230, 235, 238;
    --preformatted-track: 225, 229, 232;
    --preformatted-bar: 204, 211, 216;

    /* Links */
    --link: 2, 142, 212;
    --link-hov: 5, 123, 182;

    /* Focus */
    --focus: 2, 142, 212;

    /* Primary */
    --primary: 0, 102, 153;
    --primary-hov: 0, 84, 126;

    /* Info */
    --info: 2, 142, 212;
    --info-hov: 5, 123, 182;

    /* Success */
    --success: 87, 184, 86;
    --success-hov: 67, 153, 66;

    /* Danger */
    --danger: 243, 39, 83;
    --danger-hov: 225, 32, 73;

    --card-border: 217, 222, 226;
    --input-border: 217, 222, 226;
    --border-hov: 107, 141, 152;

    /* Rule */
    --rule-color: 236, 240, 243;

    /*------------------------------------------------------------------------*/
    /* BORDER */
    /*------------------------------------------------------------------------*/

    /* Border Width */
    --border-width: 1px;

    /* Radius */
    --border-radius: 5px;
    --border-radius-lg: 10px;
}