/*
Theme Name:   Urban Rivaj (Astra child)
Theme URI:    https://urbanrivaj.pk
Description:  Complete child theme for Astra (free): own header & footer (logo + menus from WordPress), home, page, policy, contact, about, FAQ, blog and WooCommerce templates (shop, product, cart, checkout, account) with ACF PRO fields and default content. Settings: Customizer → Urban Rivaj.
Author:       Urban Rivaj
Template:     astra
Version:      5.0.0
Requires at least: 6.2
Requires PHP: 7.4
Text Domain:  urbanrivaj
*/

/* =========================================================================
   FONTS + DESIGN TOKENS  (change fonts / colours / sizes here only)
   Fonts are self-hosted (assets/fonts). To use other fonts: replace the two woff2 files
   (or add @font-face rules) and change --ur-font-head / --ur-font-body below.
   ====================================================================== */
@font-face { font-family: "Inter"; font-style: normal; font-weight: 100 900; font-display: swap; src: url("assets/fonts/inter-latin.woff2") format("woff2"); }
@font-face { font-family: "Montserrat"; font-style: normal; font-weight: 100 900; font-display: swap; src: url("assets/fonts/montserrat-latin.woff2") format("woff2"); }

:root {
	--ur-font-head: "Montserrat", "Helvetica Neue", Arial, sans-serif;
	--ur-font-body: "Inter", "Helvetica Neue", Arial, sans-serif;

	--ur-black: #0c0d0b;
	--ur-ink: #1c1d1d;
	--ur-muted: #6f6f6a;
	--ur-line: #e8e8e1;
	--ur-bg: #ffffff;
	--ur-soft: #faf9f6;
	--ur-cream: #f5f4f0;
	--ur-sale: #c20000;
	--ur-coral: #ff4f33;
	--ur-ok: #1d7a46;

	--ur-radius: 6px;
	--ur-radius-btn: 3px;
	--ur-btn: var(--ur-radius-btn);
	--ur-gut: var(--ur-gutter);
	--ur-wrap: 1240px;
	--ur-gutter: clamp(16px, 4vw, 32px);

	--ur-fs-body: 16px;
	--ur-fs-small: .875rem;
	--ur-fs-h1: clamp(1.6rem, 1.2rem + 1.6vw, 2.25rem);
	--ur-fs-h2: clamp(1.25rem, 1.05rem + .9vw, 1.65rem);
	--ur-fs-h3: 1.125rem;

	--ur-header-h: 68px;
	--ur-topbar-bg: #0c0d0b;
	--ur-header-bg: #0c0d0b;
	--ur-header-fg: #ffffff;
	--ur-footer-bg: #0c0d0b;
	--ur-footer-fg: #d6d6d0;
	--ur-shadow: 0 10px 30px rgba(0, 0, 0, .08);
}

/* Typography: these rules beat Astra's typography unless you set a different font in the Customizer on purpose.
   (In Customizer → Global → Typography choose "Inherit" so the fonts above are used.) */
body, button, input, select, textarea, .ast-button, .button { font-family: var(--ur-font-body); }
body { font-size: var(--ur-fs-body); color: var(--ur-ink); }
h1, h2, h3, h4, h5, h6, .entry-title, .woocommerce-loop-product__title, .product_title { font-family: var(--ur-font-head); color: var(--ur-black); line-height: 1.2; }
h1, .entry-title { font-size: var(--ur-fs-h1); font-weight: 700; }
h2 { font-size: var(--ur-fs-h2); font-weight: 700; }
h3 { font-size: var(--ur-fs-h3); font-weight: 600; }