:root {
    --header-top-bg-color: #fff;
    --facebook-color: #007bb6;
    --x-twitter-color: #000000;
    --instagram-color: #FE1F49;
    --pinterest-color: #CB2027;
    --whatsapp-color: #25D366;
    --widget-color: #cecece;
    --text-primary: #232323;
    --text-secondary: #808080;
    --bs-body-color: var(--text-primary);
    --border-color: #ebebeb;
    --border-color-dark: #2b2b2b;
    --border-color-2: #e8e8e8;
    --border-color-3: #e5e5e5;
    --border-color-4: #d8d8d8;
    --border-color-5: #cccccc;
    --border-color-6: #cacaca;
    --border-color-7: #e7e7e7;
    --border-color-8: #ededed;
    --gold-color: #c7a267;
    --rose-gold-color: #f1c6bc;
    --silver-color: #bfbfbf;
    --product-bg: #f9f9f9;
    --page-bg: #f5f5f5;
    --success-color: #4a6c2c;
    --success-bg: #f2f9ed;
    --success-border: #c9e2b3;
    --success-green: #16b36e;
    --success-green-2: #00b853;
    --success-green-border: #77a464;
    --black: #000000;
    --white: #fff;

    --transparent: #0000;

    --offblack-111: #111111;
    --offblack-171717: #171717;
    --offblack-1a: #1a1a1a;
    --offblack-1b: #1b1b1b;
    --offblack-1c: #1c1c1c;
    --offblack-2a: #2a2a2a;
    --offblack-2f: #2f2f2f;
    --offblack-333: #333333;

    --text-tertiary: #939393;
    --text-muted-888: #888888;
    --text-muted-aaaaaa: #aaaaaa;
    --text-muted-777: #777777;
    --text-muted-696969: #696969;
    --text-muted-5f: #5f5f5f;
    --text-muted-909090: #909090;
    --text-muted-8d8d8d: #8d8d8d;
    --text-muted-4e: #4e4e4e;
    --text-muted-a1a1a1: #a1a1a1;
    --surface-e4e4e4: #e4e4e4;
    --surface-f7f7f7: #f7f7f7;

    --warning-orange: #ff9800;
    --rating-orange: #fd9d38;

    --facebook-brand: #3b5998;
    --dribbble-brand: #ea4c89;

    --white-90: #ffffffe6;
    --white-75: #ffffffbf;
    --white-40: #ffffff66;
    --white-25: #ffffff40;
    --white-20: #ffffff33;
    --white-10: #ffffff1a;
    --white-06: #ffffff0f;

    --black-70: #000000b3;
    --black-60: #00000099;
    --black-10: #0000001a;
    --black-20: #00000033;
    --black-15: #00000026;
    --black-12: #0000001f;
    --black-02: #00000005;

    --gray-f1: #f1f1f1;
    --gray-8f: #8f8f8f;
    --gray-555: #555555;

    --btn-hover-bg: #ffffff45;

    --hero-rose: #d1baab;
    --hero-gold: #c19b77;
    --hero-brown: #75695c;
    --accent-brown: #96683b;

    --swatch-gray: #b7b5b5;
    --swatch-gold: #d1ae6a;
    --swatch-pink: #e0b6aa;

    --border-666: #666666;

    --gradient-f2-00: #f2f2f200;
    --gradient-f3-00: #f3f3f300;
    --gradient-f6-51: #f6f6f682;
    --gradient-f4-100: #f4f4f4ff;
    --gradient-f2-100: #f2f2f2ff;
}