/*
Theme Name: Houzez Child
Theme URI: http://www.favethemes.com/
Author: Favethemes
Author URI: http://www.favethemes.com/
Description: Houzez is a premium WordPress theme for real estate agents where modern aesthetics are combined with tasteful simplicity, and where the ease of use is achieved without compromise in your ability to customise the design. Whether you are a real estate agent looking to build a website for your company or a web developer seeking a perfect WordPress theme for your next project, you are certain to appreciate the numerous features and benefits that our theme provides.
Version: 1.0
Tags: white, right-sidebar, left-sidebar, custom-colors, custom-menu, featured-images, post-formats, theme-options, translation-ready
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: houzez
Template: houzez
*/


@import url("../houzez/style.css");

/* ==========================================================================
   Prime Real Estate: brand tokens
   Every colour, font and radius on the site comes from these variables.
   Change a value here and it updates everywhere.
   Design overrides live in css/prime.css (loaded last).
   ========================================================================== */
:root {
	/* Colours */
	--pr-primary:        #881934;
	--pr-primary-hover:  #6A1229;
	--pr-primary-tint:   #FBF2F4;
	--pr-ink:            #1A1A1A;
	--pr-muted:          #6E6E6B;
	--pr-surface:        #FFFFFF;
	--pr-surface-alt:    #F6F5F3;
	--pr-border:         #E6E4E1;
	--pr-whatsapp:       #25D366;
	--pr-on-primary:     #FFFFFF; /* text on burgundy buttons */

	/* Typography */
	--pr-font-heading:   "Cairo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
	--pr-font-body:      "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
	--pr-weight-body:    400;
	--pr-weight-medium:  500;
	--pr-weight-heading: 600;
	--pr-lh-heading:     1.15;
	--pr-lh-body:        1.7;

	/* Type scale (desktop). Phone sizes are set in the media query below.
	   Same values as Elementor → Site Settings → Typography and Global Fonts. */
	--pr-fs-h1:          56px;  --pr-lh-h1: 1.1;
	--pr-fs-h2:          40px;  --pr-lh-h2: 1.15;
	--pr-fs-h3:          28px;  --pr-lh-h3: 1.2;
	--pr-fs-h4:          20px;  --pr-lh-h4: 1.3;   /* also property-card titles */
	--pr-fs-h5:          18px;  --pr-lh-h5: 1.3;
	--pr-fs-h6:          16px;  --pr-lh-h6: 1.3;
	--pr-fs-body:        17px;
	--pr-fs-small:       14px;  --pr-lh-small: 1.5;  /* meta: addresses, dates, labels */
	--pr-fs-eyebrow:     12px;  --pr-ls-eyebrow: 0.1em;
	--pr-fs-button:      15px;
	--pr-fs-price:       18px;  --pr-lh-price: 1.2;
	--pr-fs-stat:        44px;
	--pr-fs-unit-title:  18px;  /* unit cards inside a project (sub-listings) */
	--pr-dev-logo-h:     40px;  /* developer strip */
	--pr-dev-gap:        72px;

	/* Shape */
	--pr-radius-card:    12px;
	--pr-radius-btn:     8px;

	/* Layout */
	--pr-content-max:    1200px;
	--pr-text-max:       640px;
	--pr-section-y:      clamp(64px, 9vw, 112px); /* 64px mobile → ~108–112px desktop */
}

/* Phone type scale */
@media (max-width: 767px) {
	:root {
		--pr-fs-h1:         32px;
		--pr-fs-h2:         26px;
		--pr-fs-h3:         22px;
		--pr-fs-h4:         17px;
		--pr-fs-h5:         16px;
		--pr-fs-h6:         15px;
		--pr-fs-body:       16px;
		--pr-fs-stat:       36px;
		--pr-fs-unit-title: 16px;
	}
}