:root {
    --black: #000000;
    --black-1: #39322e;
    --white: #ffffff;
    --white-1: #f9fcff;
    --white-2: #f4f9ff;
    --gray: #3b444f;
    --gray-1: #607690;
    --gray-2: #adb6c0;
    --gray-3: #d9d9d9;
    --gray-4: #808080;
    --gray-5: #e2e6ea;
    --gray-6: #f0f2f4;
    --gray-7: #fbfbfb;
    --gray-8: #D8DDE3;
    --gray-9: #EFF1F4;
    --blue: #6d8199;
    --blue-1: #b5bfcbbf;
    --blue-2: #627690;
    --green: #7b9894;
    --green-1: #dce8e6;
    --green-2: #e5edec;
    --green-3: #cad6d4;
    --brown: #b4926e;
    --brown-1: #f0eae2;
    --brown-2: #f7f4f0;
    --brown-3: #d9c8b6;
    --pink: #b07983;
    --pink-1: #f2e6e8;
    --pink-2: #f8f2f3;
    --pink-3: #d7bbc0;
    --gold: #c29852;
  }