:root { color-scheme: light dark; /* populace.dev consumes the PolicyEngine design system: @policyengine/ui-kit tokens.css is loaded via CDN in the page (light theme — PE default, no .dark class). The site's original local var names are aliased onto the PE semantic tokens here, so the existing component CSS keeps working. */ --ink: var(--background); /* page background */ --ink-2: var(--muted); /* raised surface (cards) */ --paper: var(--foreground); /* primary text */ --paper-dim: var(--muted-foreground); /* --text-tertiary (#64748B) measures 4.47:1 on the translucent .panel-card used by /connect/ — just under AA. Darkened one step so faint text clears 4.5:1 on every surface the site paints. */ --paper-faint: #5B6878; /* Accent. Named --brand* because these are teal, not amber: the old --amber/--amber-soft names were left over from a previous palette and invited reaching for the wrong colour. --chart-1 (#319795) was 3.51:1 on white and failed AA as the site's main link colour, so the emphasis accent now resolves to --primary (#2C7A7B, 5.03:1). */ --brand: var(--primary); --brand-strong: var(--primary); /* deeper teal for hover/pressed states, so hover still reads as a change now that --brand and --brand-strong resolve to the same AA-passing value. #285E61 = teal-700, 7.33:1 on white. */ --brand-deep: #285E61; /* Chart series 2. --brand-strong collapsed onto --primary for AA, which left .vc-s1 and .vc-s2 the same colour, distinguished only by a dash pattern -- while .vc-lab/.vc-lab2 styled the legend as two colours. A dark slate keeps the two-series-plus-neutrals restraint and reads apart from teal in greyscale. 10.4:1 on white. */ --chart-s2: #334155; /* AA-safe warning text. --text-warning (#c2410c) is only 4.10:1 against the 16%-tinted chip .tag-local paints behind it; #9A3412 is 5.63:1 there. */ --brand-warning: #9A3412; /* Back-compat aliases: page-level inline