:root {
    /* Colors */
    --primary-1: #a5712a;
    --dark-primary-1: #885d22;
    --light-primary-1: #c08430;
    --secondary-1: #6b6a69;
    --light-secondary-1: #818181;
    --dark-secondary-1: #616161;
    --dark-secondary-2: #555555;
    --white: #fff;
    --black: rgb(0, 0, 0);
    --smoke-gray-1: #f5f5f5;
    --smoke-gray-2: #ccc;
    --smoke-gray-3: #e4e5ec;
    --smoke-gray-4: #dbdade;
    --smoke-gray-5: #e7e7e7;
    --smoke-blue-1: #f2f5f7;
    --gray-1: #525252;
    --gray-2: #999;
    --gray-3: #adacac;
    --gray-4: #858585;
    --gray-5: #a1a1a1;
    --dark-gray-1: #333333;
    --info-1: #007fda;
    --info-2: #0069b4;
    --info-3: #0a99ff;
    --info-4: #0a377a;
    --info-5: #00a4a7;
    --info-6: #00FFFF;
    --warning-1: #e45b00;
    --warning-2: #FF9800;
    --warning-3: #e48900;
    --warning-4: #ffa723;
    --redish-1: #f5291a;
    --redish-2: #d62215;
    --redish-3: #ff3d2f;
    --pink-1: #c5176e;
    --purple-1: #9C27B0;
    --purple-2: #7f0096;
    --purple-3: #b433ca;
    --purple-4: #6f42c1;
    --danger-1: #da122c;
    --danger-2: #ff0022;
    --danger-3: #ff0d2d;
    --danger-4: #c20a22;
    --danger-5: #cd1f15;
    --danger-6: #e1011edb;
    --success-1: #008b38;
    --success-2: #00aa44;
    --success-3: #006e2c;
    --success-4: #28c76f;
    --success-5: #42a541;
    --success-6: #2C5F2D;

    /* Transparent Colors */
    --transparent: transparent;
    --transparent-primary-1: #a5712a75;
    --transparent-primary-2: #a5712a59;
    --transparent-primary-3: #c08430;
    --transparent-white-1: #ffffff6e;
    --transparent-white-2: #ffffff2b;
    --transparent-white-3: #ffffffe3;
    --transparent-white-4: #ffffff0f;
    --transparent-white-5: #ffffff8f;
    --transparent-black-1: rgb(49 49 49 / 50%);
    --transparent-gray-1: #cfcfcf69;
    --transparent-secondary-1: #6b6a69;

    /* Side Menu Background */
    --bg-nav: #222222;

    /* Pace Progress Loader */
    --pace-progress: #a5712a;

    /* Nav Menu Transition */
    --nav-menu-transition: 300ms ease all;
    --hover-transition: 300ms;

    /* Fonts */
    --heading-font-family: "Maven Pro", sans-serif;
    --button-font-family: "Quicksand", sans-serif;
    --text-font-family: "Open Sans", sans-serif;



    /* --blue: #1e9ff2;
    --blue1: #0d6efd;
    --blue-dark-c: blue;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --red: #f7213d;
    --l-red: #ff1c1c;
    --error-c: #f30000;
    --orange: #ff9149;
    --yellow: #ffc107;
    --dark-green: #18ad00;
    --green: #28d094;
    --green1: #088408;
    --green2: #2ecc71;
    --teal: #20c997;
    --cyan: #f8a63c;
    --black1: #212121;
    --trans-white: #ffffffc7; 
    --gray: #505050;
    --gray-dark: #464855;
    --success: #28d094;
    --smoke-3: #E4E5EC;
    --smoke-4: #e3ebf3;
    --info: #0d6efd;
    --warning: #ff9149;
    --danger: #ff4961;
    --light: #babfc7;
    --dark: #464855;
    --grayish-black: #414143;
    --red-transparency: #ff1e1e12;
    --info-transparency: #1e9ff233;
    --warning-transparency: #ff914961;
    --transparent: #ffffff00;
    --border-color: #cacfe7;
    --border-color-1: #acacac;
    --border-light-color: #eeeeee;
    --placeholder: #999;
    --overlay1: #eeeeee94;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --font-family-sans-serif: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    --font-family-monospace: "Quicksand", Georgia, "Times New Roman", Times, serif;
    --card-shadow-1: rgba(0, 0, 0, 0.15) 0px 1px 9px 0px;
    --card-shadow-2: rgba(17, 17, 26, 0.05) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px;
    --btn-shadow-1: rgba(99, 99, 99, 0.3) 0px 2px 8px 0px; */
}