:root {
    --white: #fff;
    --gray-dark: #363a42;
    --gray-darker: #212121;
    --gray: #757575;
    --gray-second: #9b9b9b;
    --gray-light: #f6f6f6;
    --gray-light-second: #CCC;
    --gray-lighter: #f6f6f6;
    --border-gray: #ddd;
    --brand-primary: #55A4DB;
    --brand-primary-hover: #79CBED;
    --brand-secondary: #705E48;
    --brand-success: #2E7D32;
    --brand-warning: #ff9a52;
    --brand-danger: #F91A12;
    --discount-color: #FFEA28;
    --current-step-color: #00c062;
    --btn-primary-color: var(--white);
    --btn-disabled-background: #f6f6f6;
    --btn-disabled-color: #ddd;
    --input-border-color: rgba(0, 0, 0, 0.25);
    --headings-font-weight: 700;
    --extra-small-space: 0.3125rem;
    --small-space: 0.625rem;
    --medium-space: 1.25rem;
    --large-space: 1.875rem;
    --extra-large-space: 2.5rem;
    --warning: #ff9a52;
    --warning-second: #f49d6e;
    --btn-warning-color: var(--white);
    --btn-tertiary-color: #6c868e;
    --btn-tertiary-hover: #bbcdd2;
    --base-font-size: 1rem;
    --font-size-lg: 0.9375rem;
    --font-size-sm: 0.875rem;
    --font-size-xs: 0.8125rem;
    --radio-border-color: #979797;
    --font-custom: 'Montserrat', sans-serif;
    --font-cursive: 'Caveat', cursive;
    --input-btn-border-width: 1px;
    --body-bg: #FFF;
    --font-size-base: 1rem;
    --brand-info: #5bc0de;
    --input-height: 2.5rem;
    --primary: #7A6352;
    --accent: #5AADD4;
    --promo: #e63946;
    --success: #2a9d5c;
    --primary-tint: #faf8f6;
    --badge-new: #5AADD4;
    --gray-100: #f5f5f5;
    --gray-200: #e8e8e8;
    --gray-500: #888;
    --radius: 8px;
    --shadow: 0 2px 16px rgba(0, 0, 0, .08);
    --top-banner-bg: #FFC700;
    --top-banner-color: #3a2e00;
    --text-color: #525252;
}