/* ========================= Variable Css Start ======================== */
:root {
    --primary: #515349;
    --primary-rgb: 81, 83, 73;
    --secondary: #B9AE9B;
    --secondary-rgb: 185, 174, 155;
    --white: #FFFFFF;
    --white-forest: #F5F6F7;
    --black: #242424;
    --light: #576070;
    --neutral-10: #FFFFFF;
    --neutral-20: #F5F5F5;
    --neutral-30: #E5E5E5;
    --neutral-40: #D4D4D4;
    --neutral-50: #BFBFBF;
    --neutral-60: #A6A6A6;
    --neutral-70: #8C8C8C;
    --neutral-80: #737373;
    --neutral-90: #595959;
    --neutral-100: #404040;
    --neutral-200: #3A3A3A;
    --neutral-300: #353535;
    --neutral-400: #303030;
    --neutral-500: #2B2B2B;
    --neutral-600: #272727;
    --neutral-700: #252525;
    --neutral-900: #232323;
    --neutral-800: #232323;
    --light-50: #FAFAFA;
    --light-100: #F4F4F5;
    --light-600: #D4D4D8;
    --light-700: #525252;
    --light-800: #262626;
    --primary-50: #F4F5F2;
    --primary-100: #E6E7E1;
    --primary-200: #D1D3C8;
    --primary-300: #B5B8AA;
    --primary-400: #8F9483;
    --primary-500: #515349;
    --primary-600: #47493F;
    --primary-700: #3C3E36;
    --primary-800: #31332C;
    --primary-900: #232323;
    --secondary-50: #F7F5F1;
    --secondary-100: #EFEAE2;
    --secondary-200: #E1D9CB;
    --secondary-300: #D2C7B2;
    --secondary-400: #C4B89E;
    --secondary-500: #B9AE9B;
    --secondary-600: #A89D8A;
    --secondary-700: #8F8573;
    --secondary-800: #756C5D;
    --secondary-900: #5C5447;
    --border-color: #585B6F33;
}