/* STREAMING_CHUNK:Defining design system root color variables and tokens /
/ ==========================================================================
Design System: Home Remodeling Skin (Brushed Amber & Architectural Slate)Description: 
Lightweight global stylesheet powering site-wide typography,brand color tokens, interactive controls, and luxury accents.========================================================================== */:root {/* Primary: Warm Brushed Amber / Architectural Brass (Luxury, warmth, craftsmanship) */--color-brand-primary: #B45309;--color-brand-primary-hover: #92400E;--color-brand-primary-light: #FEF3C7;/* Dark: Deep Architectural Slate (Sturdy, high-contrast structural bedrock) */
--color-brand-dark: #0F172A;
--color-brand-dark-soft: #1E293B;

/* Accent: Burnished Gold / Warm Ochre (Prestige accents, ratings, highlights) */
--color-brand-accent: #D97706;
--color-brand-accent-hover: #B45309;

/* Light: Linen / Clean Alabaster Canvas (Airy interior gallery canvas) */
--color-brand-light: #F8FAFC;
--color-brand-border: #E2E8F0;

/* Global UI Radii & Transitions */
--radius-brand: 0.5rem;
--transition-brand: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}/* STREAMING_CHUNK:Configuring global document defaults and selection styles /
/ --- Global Body & Selection Styles --- */html {scroll-behavior: smooth;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}body {background-color: #FFFFFF;color: var(--color-brand-dark);font-feature-settings: "cv02", "cv03", "cv04", "cv11";}::selection {background-color: var(--color-brand-primary-light);color: var(--color-brand-dark);}/* STREAMING_CHUNK:Styling site-wide typography and heading accents /
/ --- Site-Wide Headings & Text Elements --- */h1, h2, h3, h4, h5, h6 {color: var(--color-brand-dark);letter-spacing: -0.025em;}a {color: var(--color-brand-primary);transition: color var(--transition-brand);}a:hover {color: var(--color-brand-primary-hover);}/* STREAMING_CHUNK:Implementing reusable primary and secondary brand buttons /
/ --- Site-Wide Reusable Button Styles --- */.btn-brand-primary {display: inline-flex;align-items: center;justify-content: center;gap: 0.5rem;background-color: var(--color-brand-primary) !important;color: #FFFFFF !important;border: 2px solid var(--color-brand-primary) !important;padding: 0.875rem 1.75rem;border-radius: var(--radius-brand);font-weight: 800;text-transform: uppercase;letter-spacing: 0.05em;font-size: 0.875rem;box-shadow: 0 10px 20px -5px rgba(180, 83, 9, 0.35);transition: all var(--transition-brand);text-decoration: none;cursor: pointer;}.btn-brand-primary:hover {background-color: var(--color-brand-dark) !important;border-color: var(--color-brand-dark) !important;color: #FFFFFF !important;transform: translateY(-2px);box-shadow: 0 12px 25px -5px rgba(15, 23, 42, 0.25);}/* Hover override when nested inside dark containers */.bg-slate-900 .btn-brand-primary:hover,.bg-slate-950 .btn-brand-primary:hover,.site-footer .btn-brand-primary:hover {background-color: #FFFFFF !important;border-color: #FFFFFF !important;color: var(--color-brand-dark) !important;box-shadow: 0 10px 25px -5px rgba(255, 255, 255, 0.3);}/* STREAMING_CHUNK:Styling secondary button variants and outline treatments */.btn-brand-secondary {display: inline-flex;align-items: center;justify-content: center;gap: 0.5rem;background-color: transparent !important;color: var(--color-brand-dark) !important;border: 2px solid var(--color-brand-dark) !important;padding: 0.875rem 1.75rem;border-radius: var(--radius-brand);font-weight: 800;text-transform: uppercase;letter-spacing: 0.05em;font-size: 0.875rem;transition: all var(--transition-brand);text-decoration: none;cursor: pointer;}.btn-brand-secondary:hover {background-color: var(--color-brand-dark) !important;color: #FFFFFF !important;transform: translateY(-2px);}.btn-brand-secondary-light {display: inline-flex;align-items: center;justify-content: center;gap: 0.5rem;background-color: transparent !important;color: #FFFFFF !important;border: 2px solid rgba(255, 255, 255, 0.5) !important;padding: 0.875rem 1.75rem;border-radius: var(--radius-brand);font-weight: 800;text-transform: uppercase;letter-spacing: 0.05em;font-size: 0.875rem;backdrop-filter: blur(8px);transition: all var(--transition-brand);text-decoration: none;cursor: pointer;}.btn-brand-secondary-light:hover {background-color: #FFFFFF !important;border-color: #FFFFFF !important;color: var(--color-brand-dark) !important;transform: translateY(-2px);}/* STREAMING_CHUNK:Formatting forms, inputs, and architectural cards /
/ --- Global Form Inputs & Interactive Controls --- */input[type="text"],input[type="email"],input[type="tel"],input[type="number"],select,textarea {border: 1px solid var(--color-brand-border);border-radius: var(--radius-brand);background-color: #FFFFFF;color: var(--color-brand-dark);transition: border-color var(--transition-brand), box-shadow var(--transition-brand);}input[type="text"]:focus,input[type="email"]:focus,input[type="tel"]:focus,input[type="number"]:focus,select:focus,textarea:focus {border-color: var(--color-brand-primary);outline: none;box-shadow: 0 0 0 3px rgba(180, 83, 9, 0.15);}/* --- Global Luxury Cards & Architectural Accents --- */.luxury-card {background: #FFFFFF;border: 1px solid var(--color-brand-border);border-radius: var(--radius-brand);box-shadow: 0 10px 30px -10px rgba(15, 23, 42, 0.06);transition: all var(--transition-brand);}.luxury-card:hover {border-color: rgba(180, 83, 9, 0.3);box-shadow: 0 20px 40px -15px rgba(180, 83, 9, 0.12);transform: translateY(-2px);}/* STREAMING_CHUNK:Finalizing badge and subtle architectural grid textures */.badge-luxury {display: inline-flex;align-items: center;gap: 0.375rem;padding: 0.35rem 0.75rem;background-color: var(--color-brand-primary-light);color: var(--color-brand-primary);border: 1px solid rgba(180, 83, 9, 0.2);border-radius: 9999px;font-size: 0.75rem;font-weight: 800;text-transform: uppercase;letter-spacing: 0.05em;}.architectural-grid-subtle {background-image: linear-gradient(rgba(15, 23, 42, 0.03) 1px, transparent 1px),linear-gradient(90deg, rgba(15, 23, 42, 0.03) 1px, transparent 1px);background-size: 40px 40px;}