/* Perth Robots — tokens.css Single source of brand tokens (colours, fonts, radius, container, type scale). Linked on every page. Edit brand colours/fonts here. */ /* Lift every rem-based size site-wide by ~6% (17px root). Page styles still set font-size + line-height; this only sets the rem base. */ html { font-size: 106.25%; } :root { --bg: hsl(220 28% 7%); --bg-elev: hsl(220 24% 10%); --surface: hsl(220 22% 12%); --surface-2: hsl(220 20% 15%); --border: hsl(220 15% 20%); --border-soft: hsl(220 15% 16%); --text: hsl(0 0% 98%); --text-2: hsl(220 9% 82%); --text-3: hsl(220 8% 67%); --accent: hsl(188 95% 55%); --accent-2: hsl(188 95% 65%); --accent-deep: hsl(188 95% 42%); --accent-glow: hsl(188 95% 55% / 0.35); --display: 'Inter Tight', 'Inter', system-ui, sans-serif; --body: 'Inter', system-ui, sans-serif; --mono: 'JetBrains Mono', ui-monospace, monospace; --container: 84rem; --radius: 0.875rem; --radius-lg: 1.5rem; /* Type scale — keep clamp() display headings as-is on each page; these are steady fallbacks for body, labels and section headings. */ --fs-label: 0.8rem; /* mono labels, eyebrows, badges floor */ --fs-small: 0.9375rem; /* nav, footer, captions */ --fs-body: 1.0625rem; /* default body copy */ --fs-body-lg: 1.125rem; /* lede / intro paragraphs */ --fs-h4: 1.25rem; --fs-h3: 1.5rem; --fs-h2: 2rem; }