[data-theme='dark'], .dark {
  --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. */
}