:root{
/* Primary */
--jh-midnight-navy:#22314E;--jh-warm-white:#F8F7F2;
/* Secondary */
--jh-heritage-gold:#BF9E66;--jh-mist-blue:#86A0AD;
/* Category / data system */
--jh-sales-coral:#E86E5A;--jh-rentals-teal:#0E8C86;--jh-offplan-plum:#6E4A7E;
/* Navy ramp */
--navy-950:#141D30;--navy-900:#1A263D;--navy-800:#22314E;--navy-700:#33456A;--navy-600:#4A5C80;--navy-200:#C9CFDB;--navy-100:#E4E7EE;
/* Gold ramp */
--gold-700:#8A6B3A;--gold-600:#A8874F;--gold-500:#BF9E66;--gold-300:#D9C39C;--gold-200:#E8DCC6;--gold-100:#F3ECDF;
/* Mist ramp */
--mist-700:#5B7684;--mist-500:#86A0AD;--mist-300:#B7C7CF;--mist-100:#E6ECEF;
/* Warm neutrals (paper) */
--paper-0:#FFFFFF;--paper-50:#F8F7F2;--paper-100:#F1EFE8;--paper-200:#E7E4DB;--paper-300:#D6D2C6;--paper-500:#9A978E;
/* Ink (navy-tinted text greys) */
--ink-900:#22314E;--ink-700:#434E63;--ink-500:#6A7284;--ink-300:#A3A9B6;
/* Category tints */
--coral-100:#FBE4DF;--teal-100:#D4ECEA;--plum-100:#E8E0EC;

/* Semantic — surfaces */
--surface-page:var(--paper-50);--surface-panel:var(--paper-100);--surface-card:var(--paper-0);
--surface-inverse:var(--navy-800);--surface-inverse-deep:var(--navy-900);--surface-accent:var(--gold-500);
/* Semantic — text */
--text-strong:var(--ink-900);--text-body:var(--ink-700);--text-muted:var(--ink-500);--text-faint:var(--ink-300);
--text-on-inverse:var(--paper-50);--text-on-inverse-muted:#B9C0CD;--text-accent:var(--gold-700);--text-accent-on-inverse:var(--gold-500);
/* Semantic — lines */
--border-hairline:var(--paper-200);--border-strong:var(--paper-300);--border-accent:var(--gold-500);--border-inverse:rgba(248,247,242,.16);
/* Semantic — interactive */
--action-primary:var(--navy-800);--action-primary-hover:var(--navy-900);--action-accent:var(--gold-500);--action-accent-hover:var(--gold-600);
--focus-ring:var(--gold-500);
/* Semantic — status (drawn from the brand palette) */
--status-positive:var(--jh-rentals-teal);--status-negative:var(--jh-sales-coral);--status-info:var(--mist-700);
/* Data categories */
--data-sales:var(--jh-sales-coral);--data-rentals:var(--jh-rentals-teal);--data-offplan:var(--jh-offplan-plum);
--data-1:var(--navy-800);--data-2:var(--mist-500);--data-3:var(--gold-500);--data-4:var(--jh-rentals-teal);--data-5:var(--jh-sales-coral);--data-6:var(--jh-offplan-plum);
}