:root {
    /* FONT */
    --main-font: 'Lato', 'Lato-fallback', sans-serif;
    --line-height: 1.45;
    --line-height-mobile: 1.5;

    /* HEADERS */

    --headers-transform: auto;
    --headers-weight: 900;
    --font-weight-light: 300;
    --font-weight-text: normal;
    --font-weight-links: bold;


    /* SIZES FOR FONTS */
    --big-headline: 1.5rem;
    --big-headline-desktop: 2.25rem;

    --large-headline: 1.25rem;
    --large-headline-desktop: 1.75rem;

    --medium-headline: 1rem;
    --medium-headline-desktop: 1.25rem;

    --subheadline: 1.25rem;
    --subheadline-desktop: 1.25rem;

    --body-text: 1rem;

    --smaller-text: 0.625rem;
    --xs-small-text: 0.625rem;
    --caption: 0.5rem;

    /* Line heights */
    --line-height-big-headline: 2rem;
    --line-height-large-headline: 1.75rem;
    --line-height-medium-headline: 1.5rem;
    --line-height-subheadline: 1.75rem;
    --line-height-body: 1.5rem;
    --line-height-smaller-text: 1.25rem;
    --line-height-xs-text: 0.875;
    --line-height-caption: 0.75rem;

    --line-height-big-headline-desktop: 2.75rem;
    --line-height-large-headline-desktop: 2rem;
    --line-height-body-desktop: 1.5rem;

    /* Font Elements sizes */
    --font-size-h1: var(--big-headline);
    --font-size-h2: var(--large-headline);
    --font-size-h3: var(--medium-headline);

    --font-size-h1-desktop: var(--big-headline-desktop);
    --font-size-h2-desktop: var(--large-headline-desktop);
    --font-size-h3-desktop: var(--medium-headline-desktop);

    --font-size-h4: 0.995rem;
    --font-size-body: 0.88rem;
    --font-size-caption: 0.7rem;
    --font-size-caption-sm: 0.625rem;

    --font-size-h4-desktop: 1.25rem;
    --font-size-body-desktop: 1rem;
    --font-size-caption-desktop: 0.8125rem;

    --line-height-headings: 1.17;

    --letter-spacing-headline: 0.031rem;
    --letter-spacing-body: 0.006rem;
    --letter-spacing-caption: 0.094rem;

    /* Menu colors */
    --gray-50: #f7f7f7;
    --gray-100: #F3F4F6;
    --gray-300: #D1D5DB;
    --gray-500: #6B7280;
    --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);

    --color-cta-btn-bg: var(--color-cta);

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

}