@import url('https://fonts.googleapis.com/css2?family=Figtree:wght@300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@500;700&display=swap');


@import "nx/nx.css";
@import "nx/nx_privacy_1.css";

@import "parkview/parkview_header.css";
@import "parkview/parkview_buttons.css";
@import "parkview/parkview_home.css";

:root {
    /*Colors*/
    --primary: var(--p-primary-500);
    --primary-rgb: 118, 166, 165;
    --primary-hover: var(--p-primary-900);
    --accent: #FEC875;
    --accent-hover: hsl(from var(--accent) h s 35%);

    --p-primary-50:  #f0f5f5;
    --p-primary-100: #dfebeb;
    --p-primary-200: #c4dada;
    --p-primary-300: #a8c9c8;
    --p-primary-400: #93b9b8;
    --p-primary-500: #76A6A5;
    --p-primary-600: #669191;
    --p-primary-700: #557a7a;
    --p-primary-800: #456262;
    --p-primary-900: #384e4e;
    --p-primary-950: #253535;


    --secondary: #A4FAA8;

    --cta: #C2AEBE;
    --cta-hover: #897985;

    --body-bg: white;
    --body-text-color: #424E59;
    --body-text-font: 'Figtree';
    --body-text-size: 15px;
    --body-text-weight: 500;

    --bg-dark: #000;
    --bg-light: #F9F7F9;

    --border-light: #C0C0C0;

    --text-dark: #000;
    --text-medium: #777;
    --text-primary: var(--p-primary-700);

    --text-header-font: 'Outfit';
    --text-header-size: clamp(24px, 2vw + 1rem, 36px);
    --text-header-weight: 700;
    --text-header-color: var(--text-dark);

    --text-subheader-size: clamp(16px, 2vw, 20px);
    --text-subheader-weight: 600;
    --text-subheader-color: var(--body-text-color);
    --text-subheader-font: var(--body-text-font);

    --terms-section-bg: var(--bg-light);

    --plan-card-border-color: var(--primary);
    --plan-card-border-width: 1px;
    --plan-card-savings-bg: #FFE9C8;
    --plan-card-savings-color: var(--text-dark);
    --plan-card-details-section-title-color: var(--text-dark);

    --find-header-bg: var(--primary);

    --office-details-external-link-bg: white;
    --office-plans-title-color: var(--text-dark);

    --faq-entry-title-opened-color: var(--primary);
    --faq-entry-border-color: transparent;
    --faq-answer-size: 16px;
    --faq-contact-radius: 0;
    --faq-image-bg: var(--cta);
    --faq-contact-info-title-color: white;
    --faq-contact-info-text-color: white;

    --find-office-details-name-color: var(--text-dark);

    --checkout-summary-member-period-selected-color: var(--p-primary-800);
}

.faq {
    --faq-entry-bg: #F7F7F7;
}