/* ========================================================================== EVERKLIN — Unified Premium Theme Loads last in on purpose. It does not add new markup or touch any data/content — it only re-declares the same CSS custom properties that ~15 older stylesheets (apex-homepage, corporate-homepage, corporate-shell, digital-transformation, enterprise-system, flagship-trio, fortune-homepage, locked-homepage, industrial-care-flagship, industry-flagship, brand-olive, brand-refinements, master-pages, theme-motion, global-background-palette, global-header-footer) each defined with their own slightly different hex value. Because :root declarations of the same custom property cascade by source order at equal specificity, this file being loaded last makes every one of those ~120 variables resolve to ONE consistent, premium palette — automatically, on every page, with zero markup changes. ========================================================================== */ :root { /* ---- Canonical palette (source of truth) ---- */ --ek-white: #FFFFFF; --ek-cream: #F7F5EE; --ek-mist: #EEF2E3; --ek-line: #DCE3CE; --ek-muted: #5B6B5C; --ek-olive: #7E9D35; --ek-olive-dark: #6F862D; --ek-ink: #1F3324; /* ---- Ink / heading / body-copy variables across the codebase ---- */ --apex-ink: var(--ek-ink); --ch-ink: var(--ek-ink); --corporate-ink: var(--ek-ink); --corporate-forest: var(--ek-ink); --edt-ink: var(--ek-ink); --edt-heading: var(--ek-ink); --ekd-ink: var(--ek-ink); --ekd-heading: var(--ek-ink); --ft-ink: var(--ek-ink); --ft-deep: var(--ek-ink); --iic-ink: var(--ek-ink); --industry-ink: var(--ek-ink); --dark-green: var(--ek-ink); --deep-green: var(--ek-ink); --emerald: var(--ek-ink); --green-950: var(--ek-ink); --green-900: var(--ek-ink); --green-800: var(--ek-ink); --ek-shell-ink: var(--ek-ink); --ek-shell-cta-ink: var(--ek-ink); --everklin-ink: var(--ek-ink); --theme-ink: var(--ek-ink); --f500-charcoal: var(--ek-ink); /* ---- Primary accent (brand olive) ---- */ --apex-olive: var(--ek-olive); --ch-olive: var(--ek-olive); --corporate-olive: var(--ek-olive); --edt-olive-500: var(--ek-olive); --ekd-olive-500: var(--ek-olive); --ft-olive: var(--ek-olive); --iic-olive: var(--ek-olive); --industry-olive: var(--ek-olive); --theme-olive: var(--ek-olive); --gold: var(--ek-olive); --gold-2: var(--ek-olive); --green-500: var(--ek-olive); --everklin-olive: var(--ek-olive); --f500-olive: var(--ek-olive); --f500-gold: var(--ek-olive); --ek-shell-olive: var(--ek-olive); --everklin-bg-olive: var(--ek-olive); --icon-green: var(--ek-olive); /* ---- Accent hover / deep state ---- */ --apex-deep-olive: var(--ek-olive-dark); --ch-olive-deep: var(--ek-olive-dark); --corporate-olive-dark: var(--ek-olive-dark); --theme-olive-dark: var(--ek-olive-dark); --green-700: var(--ek-olive-dark); --everklin-brown: var(--ek-olive-dark); --theme-brown: var(--ek-olive-dark); --theme-brown-dark: var(--ek-olive-dark); --f500-olive-dark: var(--ek-olive-dark); --edt-olive-600: var(--ek-olive-dark); --edt-olive-700: var(--ek-olive-dark); --edt-olive-800: var(--ek-olive-dark); --edt-olive-900: var(--ek-olive-dark); --edt-olive-950: var(--ek-olive-dark); --ekd-olive-600: var(--ek-olive-dark); --ekd-olive-700: var(--ek-olive-dark); --ekd-olive-800: var(--ek-olive-dark); --ekd-olive-900: var(--ek-olive-dark); /* ---- Soft / mist / sage light-green washes and hairline borders ---- */ --apex-soft: var(--ek-mist); --ch-olive-soft: var(--ek-mist); --iic-soft: var(--ek-mist); --iic-mist: var(--ek-mist); --industry-mist: var(--ek-mist); --theme-sage: var(--ek-mist); --leaf-green: var(--ek-mist); --ek-beige: var(--ek-mist); --ek-leaf: var(--ek-mist); --everklin-sage: var(--ek-mist); --everklin-light-olive: var(--ek-mist); --ek-shell-green: var(--ek-mist); --ek-shell-green-soft: var(--ek-mist); --everklin-bg-light-green-1: var(--ek-mist); --everklin-bg-light-green-2: var(--ek-mist); --edt-olive-100: var(--ek-mist); --edt-olive-200: var(--ek-mist); --edt-olive-300: var(--ek-mist); --edt-olive-400: var(--ek-mist); --ekd-olive-100: var(--ek-mist); --ekd-olive-200: var(--ek-mist); --ekd-olive-300: var(--ek-mist); --ekd-olive-400: var(--ek-mist); --f500-soft: var(--ek-mist); --border-green: var(--ek-line); --border-gold: var(--ek-line); --ch-line: var(--ek-line); --ch-deep-line: var(--ek-line); --corporate-border: var(--ek-line); --edt-line: var(--ek-line); --edt-line-strong: var(--ek-line); --ekd-line: var(--ek-line); --industry-border: var(--ek-line); --ek-shell-line: var(--ek-line); --ft-line: var(--ek-line); --apex-line: var(--ek-line); --line: var(--ek-line); --soft-line: var(--ek-line); --f500-border: var(--ek-line); /* ---- Cream / warm background ---- */ --apex-cream: var(--ek-cream); --ch-cream: var(--ek-cream); --ch-warm-white: var(--ek-cream); --corporate-cream: var(--ek-cream); --edt-cream: var(--ek-cream); --ekd-cream-100: var(--ek-cream); --iic-cream: var(--ek-cream); --industry-cream: var(--ek-cream); --cream: var(--ek-cream); --cream-2: var(--ek-cream); --theme-cream: var(--ek-cream); --everklin-cream: var(--ek-cream); --ek-shell-cream: var(--ek-cream); --everklin-bg-cream: var(--ek-cream); --ft-paper: var(--ek-cream); /* ---- Pure white ---- */ --edt-white: var(--ek-white); --ekd-white: var(--ek-white); --white: var(--ek-white); --f500-white: var(--ek-white); --ek-shell-white: var(--ek-white); --everklin-bg-white: var(--ek-white); /* ---- Muted secondary text ---- */ --apex-muted: var(--ek-muted); --ch-muted: var(--ek-muted); --edt-text: var(--ek-muted); --edt-muted: var(--ek-muted); --ekd-text: var(--ek-muted); --ekd-muted: var(--ek-muted); --muted: var(--ek-muted); --ek-shell-muted: var(--ek-muted); --f500-muted: var(--ek-muted); --industry-copy: var(--ek-muted); /* Functional colours (danger/success/water/steam) are left untouched — they carry meaning unrelated to brand palette consolidation. */ } /* ---- Typography: one premium sans pairing everywhere, replacing the Arial / Georgia mix. Uses !important because the base rules it replaces (main.css body, locked-homepage.css, various page-scoped h1/h2/h3) were themselves written with plain element/class selectors — this is the only reliable way to win the cascade without editing 15 separate files. ---- */ body, input, select, textarea, button { font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif !important; } h1, h2, h3, h4, h5, h6 { font-family: 'Manrope', 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif !important; font-weight: 600 !important; }