:root {
    /* Common Gray colors */
    --gray-50: #f7f7f7;
    --gray-100: #F3F4F6;
    --gray-200: #EDEEF0;
    --gray-300: #D1D5DB;
    --gray-400: #B4BAC3;
    --gray-500: #6B7280;
    --gray-700: #3C4250;
    --gray-900: #111827;

    --mobile-nav-bg-color: var(--gray-100);
    --mobile-nav-bg-accent-color: var(--gray-100);
    --mobile-nav-items-border: var(--gray-300);
    --mobile-nav-text-color: var(--gray-900);
    --mobile-nav-link-color: var(--gray-900);
    --mobile-nav-icon: var(--gray-900);
    --mobile-nav-selected: var(--color-cta);
    --mobile-nav-selected-icon: var(--color-cta);
    --mobile-nav-subitem-bg: var(--base-white);
    --mobile-nav-subitem-border: var(--gray-300);
    --mobile-nav-subitem-shadow: var(--gray-500);

    --box-shadow-searchbar: none;

    /* COLORS FOR ICONS */
    --default-icon-color: var(--color-secondary);
    --heart-pros-icon-color: var(--color-cta);
    --broken-heart-cons-color: var(--color-secondary-light);

    --review-stars-empty: url(/wp-content/themes/casinotheme/assets/icons/stars-empty.svg);

    /* paddings and margins */
    --section-spacing: 1.5rem;
    --section-spacing-desktop: 3.25rem;

    /* Internal CTA button */
    --color-cta-secondary: var(--color-secondary-light);

    /* directing gradient color to normal color for other themes that doesn't have a gradient color setting*/
    --color-cta-btn-bg: var(--color-cta);

    --box-bg-color: var(--color-secondary-light);

    --status-nodeal: #FE352C;
    --status-closed: #000;
    --status-coming-soon: #FEF102;

    /** Border radius */
    --border-radius-small: 0.25rem;
}