@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

:root {
    --font-base: 'Montserrat', sans-serif;
    --font-accent: 'Montserrat', sans-serif;


    /* Colors */
    /* Branding & Constants */
    --color-brand-primary: #b91025;
    --color-brand-secondary: #0f0f0f;
    --color-brand-accent: #535353;
    --color-black: #000000;
    --color-black-transparent: #00000080;
    --color-white: #ffffff;
    --color-white-transparent: #ffffff80;
    --color-gray-dark: #444;
    --color-gray-dark-dark: #222;
    --color-gray-light: silver;
    --color-red: #cc0000;
    --color-green: #00c73c;

    /* Buttons Primary */
    --button-primary-bg: var(--color-brand-primary);
    
    /* Links */
	--link-hover: var(--ppBgColor);

    /* Buttons Secondary */
    --button-secondary-text: var(--color-white);

    /* Menu */
    --menu-item-active-bg: var(--color-brand-primary);

    /* Switcher */
    --switcher-item--active-bg: var(--color-brand-primary);

    /* Property Details */
    --property-details-bg: var(--color-black-transparent);
    --property-details-bg: #00000020;
    --property-details-text: var(--body-text);
    --property-details-backdrop-filter: var(--popup-backdrop-filter);

    /* Modules */

    /* Start */
    --start-button-bg: var(--color-brand-primary);
    --start-button-hover-bg: var(--color-brand-primary);
    --start-tagline-text: var(--color-white);
    --start-hr: var(--color-white);

    /* Inventory */
    --inventory-table-backdrop-filter: var(--popup-backdrop-filter);
    --inventory-table-bg: #ffffff20;
    --inventory-status-filter-bg: var(--color-brand-accent);
    --inventory-table-text: var(--body-text);
    --inventory-table-header-bg: var(--color-brand-primary);
    --inventory-table-header-text: var(--inventory-table-text);
    --inventory-table-row-divider: #ffffff20;
    --inventory-disclaimer-text: var(--body-text);

    /* Masterplan */
    --masterplan-hotspot-size: 15px;
    --masterplan-hotspot-text-size: 12px;
    --masterplan-hotspot-text: transparent;
    --unit-popup-bg: var(--color-brand-secondary);
    --unit-popup-text-property: var(--color-white);
    --unit-popup-text-value: var(--color-white);
    --unit-row-divider: #ffffff20;
    --masterplan-disclaimer-text: var(--body-white);

    /* Site Location */
    --poi-popup-bg: var(--color-brand-primary);
    --poi-popup-text: var(--color-white);
    --poi-popup-distance-text: var(--color-white);
}