$background-default: #fafafa; // Page canvas — the base background behind all content.
$background-subtle: #f5f5f5; // Subtly differentiated background for alternating or grouped sections.
$surface-default: #ffffff; // Default container surface — cards, panels, and inputs on the page.
$surface-raised: #ffffff; // Raised surface for higher-elevation layers (menus, popovers, dialogs). Higher elevation reads lighter in dark mode.
$surface-sunken: #f5f5f5; // Recessed surface for wells and inset regions.
$text-default: #0e1113; // Primary body and heading text.
$text-muted: #495054; // Secondary text — supporting copy, captions, metadata.
$text-subtle: #888f92; // Tertiary text — placeholders and disabled labels. The mid-grey reads in both modes.
$text-inverse: #ffffff; // Text and icons rendered on an action or solid fill.
$text-link: #002664; // Inline hyperlink text.
$border-default: #dcdfe0; // Default border for inputs, cards, and dividers.
$border-subtle: #ebebeb; // Low-emphasis border for subtle separation.
$border-strong: #888f92; // High-emphasis border for focus and selected states.
$action-default: #002664; // Primary interactive colour — buttons, links, key accents. NSW navy in light, brightened for contrast in dark.
$action-hover: #001037; // Hover and active state for primary actions.
$action-subtle: #f0fbff; // Tinted background for low-emphasis (ghost) actions.
$success-surface: #eff9ed; // Success (positive outcomes and confirmations) — tinted background.
$success-text: #005a02; // Success (positive outcomes and confirmations) — readable text on the tint.
$success-border: #8fc78a; // Success (positive outcomes and confirmations) — border and divider.
$success-solid: #008a07; // Success (positive outcomes and confirmations) — solid fill for badges and icons.
$warning-surface: #fff3ed; // Warning (caution and pending states) — tinted background.
$warning-text: #882f03; // Warning (caution and pending states) — readable text on the tint.
$warning-border: #eea88a; // Warning (caution and pending states) — border and divider.
$warning-solid: #c95000; // Warning (caution and pending states) — solid fill for badges and icons.
$danger-surface: #fff0ef; // Danger (errors and destructive actions) — tinted background.
$danger-text: #7c061f; // Danger (errors and destructive actions) — readable text on the tint.
$danger-border: #ea9294; // Danger (errors and destructive actions) — border and divider.
$danger-solid: #b81237; // Danger (errors and destructive actions) — solid fill for badges and icons.
$info-surface: #e9eef7; // Info (neutral information) — tinted background.
$info-text: #193366; // Info (neutral information) — readable text on the tint.
$info-border: #8098c2; // Info (neutral information) — border and divider.
$info-solid: #2e5299; // Info (neutral information) — solid fill for badges and icons.