:root{
/* ---- Primary palette (must dominate every design) ---- */
--blue-deep:#000759;--blue-dark:#25408F;--blue-medium:#1C54F4;--blue-light:#4D93FF;--blue-pale:#C3E6FF;--white:#FFFFFF;
/* Primary tints (guidelines allow 80/60/40/20/10%) */
--blue-deep-80:#333E7A;--blue-deep-60:#66709B;--blue-deep-40:#9999BD;--blue-deep-20:#CCCDDE;--blue-deep-10:#E5E6EE;
--blue-dark-80:#5166A5;--blue-dark-60:#7D8CBF;--blue-dark-40:#A8B3D9;--blue-dark-20:#D4D9EC;--blue-dark-10:#E9ECF5;
--blue-medium-80:#4976F6;--blue-medium-60:#7798F8;--blue-medium-40:#A4BBFB;--blue-medium-20:#D2DDFD;--blue-medium-10:#E8EEFE;
/* ---- Secondary palette (text, backgrounds, sectioning — never blocks or keyline) ---- */
--blue-grey-deep:#353E59;--blue-grey-dark:#56648F;--blue-grey-medium:#7B8BBD;--blue-grey-light:#ACBBE8;--blue-grey-pale:#DBE5FF;
/* ---- Tertiary palette (charts, illustrations, complex graphics only; max 25% of a design) ---- */
--colliers-red:#ED1B34;--colliers-yellow:#FFD400;--colliers-light-blue:#0C9ED9;--colliers-orange:#FA6609;--colliers-purple:#9C45AE;--colliers-teal:#2AB6A9;--cool-grey:#CCCDD5;

/* ---- Semantic aliases ---- */
--text-heading:var(--blue-dark);--text-body:var(--blue-grey-deep);--text-muted:var(--blue-grey-dark);--text-subtle:var(--blue-grey-medium);
--text-on-dark:var(--white);--text-on-dark-muted:var(--blue-grey-pale);--text-emphasis:var(--blue-medium);--text-link:var(--blue-medium);--text-link-hover:var(--blue-deep);
--surface-page:var(--white);--surface-card:var(--white);--surface-subtle:var(--blue-grey-pale);--surface-tint:var(--blue-dark-10);
--surface-inverse:var(--blue-deep);--surface-accent:var(--blue-dark);--surface-highlight:var(--blue-medium);
--border-hairline:var(--blue-dark-20);--border-default:var(--blue-grey-light);--border-strong:var(--blue-dark);--border-keyline:var(--blue-dark);
/* Blocks — primary blues only */
--block-1:var(--blue-deep);--block-2:var(--blue-dark);--block-3:var(--blue-medium);
/* Data / chart sequence, in the guidelines' priority order */
--chart-1:var(--blue-deep);--chart-2:var(--blue-dark);--chart-3:var(--blue-medium);--chart-4:var(--blue-light);--chart-5:var(--blue-pale);
--chart-6:var(--blue-grey-dark);--chart-7:var(--blue-grey-medium);--chart-8:var(--colliers-teal);--chart-9:var(--colliers-purple);--chart-10:var(--colliers-yellow);
--map-land:var(--blue-grey-pale);--map-land-alt:var(--blue-grey-light);--map-border:var(--blue-grey-medium);--map-office-marker:var(--colliers-yellow);
--status-negative:var(--colliers-red);--status-caution:var(--colliers-yellow);--status-info:var(--colliers-light-blue);--status-positive:var(--colliers-teal);
/* Keyline gradients — darker blue always paired with Pale Blue Grey or White */
--gradient-keyline-medium:linear-gradient(90deg,var(--blue-medium) 0%,var(--blue-grey-pale) 60%);
--gradient-keyline-deep:linear-gradient(90deg,var(--blue-deep) 0%,var(--blue-grey-pale) 60%);
--gradient-keyline-frame:linear-gradient(90deg,var(--blue-deep) 0%,var(--blue-grey-pale) 50%,var(--blue-deep) 100%);
}