/* ============================================================ Hinterland Glassworx — Brand Variables Brand overrides for the KILR framework. Loaded AFTER kilr-framework.css, BEFORE custom.css. Identity: monochrome charcoal + white (elevated/luxury), with a glassy blue accent. Logo is the H glass-panel monogram + "HINTERLAND GLASSWORX" wordmark. Source: ripped from live Duda site 2026-06-29. ============================================================ */ :root { /* ---- Colors ---- */ /* Primary — glassy blue (#28C3FB), the brand accent on CTAs */ --color-primary: #28c3fb; --color-primary-70: rgba(40, 195, 251, 0.7); --color-primary-50: rgba(40, 195, 251, 0.5); --color-primary-30: rgba(40, 195, 251, 0.3); /* Secondary — warm orange accent (used sparingly) */ --color-secondary: #f47a1f; --color-secondary-50: rgba(244, 122, 31, 0.5); /* Dark — brand charcoal (from the logo lockup background) */ --color-dark: #2d2929; --color-dark-70: rgba(45, 41, 41, 0.7); --color-dark-50: rgba(45, 41, 41, 0.5); --color-dark-30: rgba(45, 41, 41, 0.3); /* Light */ --color-light: #fdfdfd; --color-light-70: rgba(253, 253, 253, 0.7); --color-light-50: rgba(253, 253, 253, 0.5); /* Greys / surfaces (from Duda theme: color_4 #939393, color_5 #f5f5f5) */ --color-grey: #f4f4f4; --color-grey-dark: #e5e5e5; --color-card-bg: #f5f5f5; --color-section: #ffffff; /* service section bg (clean white) */ --color-text-muted: #939393; /* body / intro grey from original */ /* Optional deeper slate tones for section depth */ --color-slate: #2c393f; --color-slate-deep: #1c272c; /* Star-rating gold — was referenced by 4 v2 components but never actually defined, so it silently fell back to inherited (dark) text colour. */ --color-star: #fbbc05; /* ---- Typography ---- Headings: Kumbh Sans (geometric sans). Body: Inter. Loaded via Google Fonts in each page . */ --h--font-family: 'Kumbh Sans', sans-serif; --sh--font-family: 'Kumbh Sans', sans-serif; --p--font-family: 'Inter', sans-serif; --accent--font-family: 'Instrument Serif', serif; /* v2 (2026-07): single italic accent word in headings */ /* v2 (2026-07-23): Paper's frame is authored at 1440px edge-to-edge — the framework default (80.91rem/1294px max) left too much dead space on wide viewports. Widened site-wide per Mickey's feedback (2 rounds — main content should read as noticeably wider than the framework default). */ --container-xl: clamp(18.49rem, 3rem + 92vw, 96rem); /* Nav-only container — deliberately narrower than the page's main content width so the header doesn't stretch edge-to-edge on wide screens. */ /* Nav container matches the content container so the logo, nav and header CTAs line up with the page below them. It used to be 70vw/74rem against the content 92vw/96rem, which inset the whole header 156px per side at 1440 — the header was centred, just far narrower, so nothing in it aligned with anything underneath. Kept as its own token so the nav can be narrowed again deliberately if wanted. */ --container-nav: var(--container-xl); /* ---- Letter Spacing ---- */ --tracking-tight: -0.01em; --tracking-normal: 0; --tracking-wide: 0.05em; --tracking-wider: 0.1em; --tracking-widest: 0.15em; }