@background-default: oklch(0.126543 0.006953 243.792325); // Page canvas — the base background behind all content.
@background-subtle: oklch(0.175228 0.006346 236.981786); // Subtly differentiated background for alternating or grouped sections.
@surface-default: oklch(0.175228 0.006346 236.981786); // Default container surface — cards, panels, and inputs on the page.
@surface-raised: oklch(0.269413 0.01036 242.083865); // Raised surface for higher-elevation layers (menus, popovers, dialogs). Higher elevation reads lighter in dark mode.
@surface-sunken: oklch(0.126543 0.006953 243.792325); // Recessed surface for wells and inset regions.
@text-default: oklch(0.970151 0 0); // Primary body and heading text.
@text-muted: oklch(0.863097 0.007776 228.868893); // Secondary text — supporting copy, captions, metadata.
@text-subtle: oklch(0.645222 0.009348 225.150438); // Tertiary text — placeholders and disabled labels. The mid-grey reads in both modes.
@text-inverse: oklch(0.126543 0.006953 243.792325); // Text and icons rendered on an action or solid fill.
@text-link: oklch(0.864091 0.092143 223.595164); // Inline hyperlink text.
@border-default: oklch(0.348204 0.010712 236.894097); // Default border for inputs, cards, and dividers.
@border-subtle: oklch(0.269413 0.01036 242.083865); // Low-emphasis border for subtle separation.
@border-strong: oklch(0.645222 0.009348 225.150438); // High-emphasis border for focus and selected states.
@action-default: oklch(0.719588 0.160232 241.934243); // Primary interactive colour — buttons, links, key accents. NSW navy in light, brightened for contrast in dark.
@action-hover: oklch(0.864091 0.092143 223.595164); // Hover and active state for primary actions.
@action-subtle: oklch(0.190403 0.080719 260.682766); // Tinted background for low-emphasis (ghost) actions.
@success-surface: oklch(0.173455 0.059022 142.495345); // Success (positive outcomes and confirmations) — tinted background.
@success-text: oklch(0.775209 0.103098 142.532525); // Success (positive outcomes and confirmations) — readable text on the tint.
@success-border: oklch(0.40526 0.136911 142.712023); // Success (positive outcomes and confirmations) — border and divider.
@success-solid: oklch(0.604784 0.163709 142.769697); // Success (positive outcomes and confirmations) — solid fill for badges and icons.
@warning-surface: oklch(0.18011 0.062518 35.437897); // Warning (caution and pending states) — tinted background.
@warning-text: oklch(0.791422 0.092884 44.093664); // Warning (caution and pending states) — readable text on the tint.
@warning-border: oklch(0.431173 0.130695 40.89405); // Warning (caution and pending states) — border and divider.
@warning-solid: oklch(0.634409 0.150779 43.925238); // Warning (caution and pending states) — solid fill for badges and icons.
@danger-surface: oklch(0.161611 0.065248 23.141473); // Danger (errors and destructive actions) — tinted background.
@danger-text: oklch(0.75077 0.106785 18.43901); // Danger (errors and destructive actions) — readable text on the tint.
@danger-border: oklch(0.374388 0.145685 19.336218); // Danger (errors and destructive actions) — border and divider.
@danger-solid: oklch(0.565284 0.170522 18.2478); // Danger (errors and destructive actions) — solid fill for badges and icons.
@info-surface: oklch(0.137795 0.047857 264.580497); // Info (neutral information) — tinted background.
@info-text: oklch(0.676764 0.068234 261.470834); // Info (neutral information) — readable text on the tint.
@info-border: oklch(0.331327 0.095363 262.195822); // Info (neutral information) — border and divider.
@info-solid: oklch(0.508435 0.109592 262.050185); // Info (neutral information) — solid fill for badges and icons.