/*
Theme Name: Home Ready Group Construction
Theme URI: https://homereadygroup.com
Author: Home Ready Group Construction
Author URI: https://homereadygroup.com
Description: Utah Licensed GC, From Small Repairs to Full Construction
Version: 2.0.0
Requires at least: 6.0
Tested up to: 6.9.4
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: home-ready-group
Tags: custom-logo, custom-menu, featured-images, full-width-template, theme-options
*/

/* ==========================================================================
   CSS Custom Properties
   ========================================================================== */

:root {
	/* ----------------------------------------------------------------------
	   Luxury Euro Palette
	   Deep charcoal/graphite + muted obsidian, brushed champagne/bronze
	   accent, crisp off-white surfaces. High-contrast, architectural.
	   ---------------------------------------------------------------------- */

	/* Core neutrals */
	--one-obsidian: #1C1C1E;        /* Deep charcoal / graphite */
	--one-obsidian-2: #232327;      /* Muted obsidian (raised surface) */
	--one-obsidian-3: #2C2C31;      /* Obsidian hover / border on dark */
	--one-off-white: #F9F9FB;       /* Crisp off-white background */
	--one-off-white-2: #F1F1F4;     /* Alternate light surface */

	/* Champagne / bronze accents */
	--one-bronze: #B08D57;          /* Brushed bronze */
	--one-bronze-dark: #8C6D3F;     /* Deep bronze */
	--one-bronze-light: #C9A86A;    /* Light bronze */
	--one-champagne: #E7D9BE;       /* Champagne (text on obsidian) */

	/* Brand roles (kept for token-driven components) */
	--one-primary: #1C1C1E;         /* Primary = graphite */
	--one-primary-dark: #0B0B0C;
	--one-secondary: #B08D57;       /* Secondary = bronze accent */
	--one-secondary-dark: #8C6D3F;
	--one-accent: #B08D57;
	--one-text: #2A2A2E;
	--one-text-color: #2A2A2E;
	--one-text-muted: #6B6B72;
	--one-heading-color: #1C1C1E;
	--one-bg: #F9F9FB;
	--one-light-bg: #F1F1F4;
	--one-card-bg: #FFFFFF;
	--one-border: #E4E4E8;
	--one-border-color: #E4E4E8;
	--one-border-radius: 2px;
	--one-grid-gap: 2rem;
	--one-success: #4B7A52;
	--one-error: #B03A3A;

	/* CTA Colors — refined, not generic contractor red */
	--one-cta-red: #B08D57;
	--one-cta-red-hover: #8C6D3F;
	--one-utility-bar-bg: #1C1C1E;

	/* Typography — editorial serif headings + clean sans body */
	--one-font-body: 'Jost', 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
	--one-font-heading: 'Playfair Display', Georgia, 'Times New Roman', serif;
	--one-font-eyebrow: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
	--one-font-nav: 'JetBrains Mono', 'Menlo', 'Consolas', ui-monospace, monospace;
	--one-font-size-base: 16px;
	--one-font-size-sm: 14px;
	--one-font-size-lg: 18px;
	--one-font-size-xl: 24px;
	--one-font-size-2xl: 32px;
	--one-font-size-3xl: 40px;
	--one-font-size-4xl: 48px;
	--one-line-height-base: 1.7;
	--one-line-height-heading: 1.15;
	--one-letter-spacing-eyebrow: 0.18em;

	/* Spacing — enlarged scale for a breathable, minimalist rhythm */
	--one-spacing-xs: 4px;
	--one-spacing-sm: 8px;
	--one-spacing-md: 16px;
	--one-spacing-lg: 24px;
	--one-spacing-xl: 40px;
	--one-spacing-2xl: 64px;
	--one-spacing-3xl: 96px;
	--one-spacing-4xl: 128px;
	--one-section-gap: clamp(64px, 10vw, 140px);

	/* Layout */
	--one-container-max: 1280px;
	--one-container-padding: 20px;

	/* Borders & Radius — minimal, editorial */
	--one-radius-sm: 2px;
	--one-radius-md: 3px;
	--one-radius-lg: 4px;
	--one-radius-full: 9999px;
	--one-hairline: 1px solid var(--one-border);
	--one-hairline-bronze: 1px solid var(--one-bronze);

	/* Shadows — soft, understated */
	--one-shadow-sm: 0 1px 2px rgba(28, 28, 30, 0.06);
	--one-shadow-md: 0 8px 24px rgba(28, 28, 30, 0.08);
	--one-shadow-lg: 0 24px 60px rgba(28, 28, 30, 0.12);

	/* Transitions */
	--one-transition-fast: 150ms ease;
	--one-transition-base: 300ms ease;
	--one-transition-slow: 500ms ease;

	/* Z-index layers */
	--one-z-dropdown: 100;
	--one-z-sticky: 200;
	--one-z-modal: 1000;
	--one-z-overlay: 900;
}