:root {
    --primary-color: #e8dbcb;
    --secondary-color: #3498db;
    --light-color: #96BDD1;
    --dark-color: #272757;
    --muted-dark: #F7D1BA;
    --grey-color: #f4f4f4;
    --border-color: #dddddd;
    --dark-border: #222222;
    --body-font: "DM Sans", sans-serif;
    --heading-font: "DM Sans", sans-serif;
    /* --logo-font: "DM Sans", sans-serif; */
    --accent-color: #272757;
    --accent-color-dark: #FFB27F;
    --accent-color-dark-hover: #b8d6e5;
    --logo-cyan: #4DB8E8;
    --beige-bg: #fff;
    --teal: rgb(255, 175, 122);
    --thumb-bg: #f6f6f6;
    --button-contact-bg: #e8e8e8;
    --button-contact-bg-hover: #d8d8d8;
    --indicator-inactive-light: rgba(255, 255, 255, 0.5);
    --indicator-inactive-dark: rgba(0, 0, 0, 0.15);
    --shadow-weak: rgba(44, 62, 80, 0.07);
    --shadow-medium: rgba(0, 0, 0, 0.15);
    --shadow-button: rgba(0, 0, 0, 0.15);
    --card-bg: #ffffff;
    --header-height: 80px;
}