:root {
    --white-color: #FFFFFF;

    --color-white-space: #FFFFFF;
    --color-text: #000000;
    --primary-button-color: #639b22;

    /* Orange-beige shades */
    --color1-1: #effaea; /* Light-Light Orange */
    --color1-2: #c9e5ba; /* Light Orange */
    --color1-3: #76DB3E; /* Dark Orange */
    --color1-4: #61c02d; /* Dark-Dark Orange */

    /* Pink-beige shades */
    --color2-1: #F5E1DA; /* Light-Light Pink */
    --color2-2: #E6C4B8; /* Light Pink */
    --color2-3: #D2A79C; /* Dark Pink */
    --color2-4: #B2846B; /* Dark-Dark Pink */

    /* Brown-beige shades */
    --color3-0: #f5fbfc;
    --color3-1: #d6e4ec; /* Light-Light Brown */
    --color3-2: #a5bac5; /* Light Brown */
    --color3-3: #607c8d; /* Dark Brown */
    --color3-4: #404e5d; /* Dark-Dark Brown */

    /* Green-beige shades */
    --color4-1: #F9FBE7; /* Light-Light Green */
    --color4-2: #F0F4C3; /* Light Green */
    --color4-3: #C5E1A5; /* Dark Green */
    --color4-4: #8BC34A; /* Dark-Dark Green */
    --color4-5: #639b22; /* Dark-Dark Green */

    --logo-text: #B2846B;
}