:root {
  --nsw-grey-50: #fafafa; /** Neutral grey — text, borders, surfaces, and dividers; every theme’s grey ramp aliases this family. Step 50: subtle backgrounds and surfaces. */
  --nsw-grey-100: #f5f5f5; /** Neutral grey — text, borders, surfaces, and dividers; every theme’s grey ramp aliases this family. Step 100: subtle backgrounds and surfaces. */
  --nsw-grey-150: #f0f0f0; /** Neutral grey — text, borders, surfaces, and dividers; every theme’s grey ramp aliases this family. Step 150: subtle backgrounds and surfaces. */
  --nsw-grey-200: #ebebeb; /** Neutral grey — text, borders, surfaces, and dividers; every theme’s grey ramp aliases this family. Step 200: Interactive components. */
  --nsw-grey-250: #e3e5e6; /** Neutral grey — text, borders, surfaces, and dividers; every theme’s grey ramp aliases this family. Step 250: Interactive components. */
  --nsw-grey-300: #dcdfe0; /** Neutral grey — text, borders, surfaces, and dividers; every theme’s grey ramp aliases this family. Step 300: Interactive components. */
  --nsw-grey-350: #d4d9db; /** Neutral grey — text, borders, surfaces, and dividers; every theme’s grey ramp aliases this family. Step 350: Interactive components. */
  --nsw-grey-400: #cdd3d6; /** Neutral grey — text, borders, surfaces, and dividers; every theme’s grey ramp aliases this family. Step 400: Interactive components. */
  --nsw-grey-450: #aab0b4; /** Neutral grey — text, borders, surfaces, and dividers; every theme’s grey ramp aliases this family. Step 450: borders, separators and icons. */
  --nsw-grey-500: #888f92; /** Neutral grey — text, borders, surfaces, and dividers; every theme’s grey ramp aliases this family. Step 500: borders, separators and icons. */
  --nsw-grey-550: #686f72; /** Neutral grey — text, borders, surfaces, and dividers; every theme’s grey ramp aliases this family. Step 550: borders, separators and icons. */
  --nsw-grey-600: #495054; /** Neutral grey — text, borders, surfaces, and dividers; every theme’s grey ramp aliases this family. Step 600: borders, separators and icons. */
  --nsw-grey-650: #3f4549; /** Neutral grey — text, borders, surfaces, and dividers; every theme’s grey ramp aliases this family. Step 650: borders, separators and icons. */
  --nsw-grey-700: #353b3f; /** Neutral grey — text, borders, surfaces, and dividers; every theme’s grey ramp aliases this family. Step 700: Solid colors. */
  --nsw-grey-750: #2b3135; /** Neutral grey — text, borders, surfaces, and dividers; every theme’s grey ramp aliases this family. Step 750: Solid colors. */
  --nsw-grey-800: #22272b; /** Neutral grey — text, borders, surfaces, and dividers; every theme’s grey ramp aliases this family. Step 800: Solid colors. */
  --nsw-grey-850: #181c1f; /** Neutral grey — text, borders, surfaces, and dividers; every theme’s grey ramp aliases this family. Step 850: text and high emphasis. */
  --nsw-grey-900: #0e1113; /** Neutral grey — text, borders, surfaces, and dividers; every theme’s grey ramp aliases this family. Step 900: text and high emphasis. */
  --nsw-grey-950: #050709; /** Neutral grey — text, borders, surfaces, and dividers; every theme’s grey ramp aliases this family. Step 950: text and high emphasis. */
  --nsw-green-50: #f5fff6; /** NSW palette green — accents, illustration, and data-visualisation support (semantic success states use the dedicated success ramp). Step 50: subtle backgrounds and surfaces. */
  --nsw-green-100: #ecfdee; /** NSW palette green — accents, illustration, and data-visualisation support (semantic success states use the dedicated success ramp). Step 100: subtle backgrounds and surfaces. */
  --nsw-green-150: #e4fce7; /** NSW palette green — accents, illustration, and data-visualisation support (semantic success states use the dedicated success ramp). Step 150: subtle backgrounds and surfaces. */
  --nsw-green-200: #dbfadf; /** NSW palette green — accents, illustration, and data-visualisation support (semantic success states use the dedicated success ramp). Step 200: Interactive components. */
  --nsw-green-250: #cff7d4; /** NSW palette green — accents, illustration, and data-visualisation support (semantic success states use the dedicated success ramp). Step 250: Interactive components. */
  --nsw-green-300: #c2f4c9; /** NSW palette green — accents, illustration, and data-visualisation support (semantic success states use the dedicated success ramp). Step 300: Interactive components. */
  --nsw-green-350: #b5f0be; /** NSW palette green — accents, illustration, and data-visualisation support (semantic success states use the dedicated success ramp). Step 350: Interactive components. */
  --nsw-green-400: #a8edb3; /** NSW palette green — accents, illustration, and data-visualisation support (semantic success states use the dedicated success ramp). Step 400: Interactive components. */
  --nsw-green-450: #8adc98; /** NSW palette green — accents, illustration, and data-visualisation support (semantic success states use the dedicated success ramp). Step 450: borders, separators and icons. */
  --nsw-green-500: #6acc7d; /** NSW palette green — accents, illustration, and data-visualisation support (semantic success states use the dedicated success ramp). Step 500: borders, separators and icons. */
  --nsw-green-550: #45bb62; /** NSW palette green — accents, illustration, and data-visualisation support (semantic success states use the dedicated success ramp). Step 550: borders, separators and icons. */
  --nsw-green-600: #00aa45; /** NSW palette green — accents, illustration, and data-visualisation support (semantic success states use the dedicated success ramp). Step 600: borders, separators and icons. */
  --nsw-green-650: #078e32; /** NSW palette green — accents, illustration, and data-visualisation support (semantic success states use the dedicated success ramp). Step 650: borders, separators and icons. */
  --nsw-green-700: #077320; /** NSW palette green — accents, illustration, and data-visualisation support (semantic success states use the dedicated success ramp). Step 700: Solid colors. */
  --nsw-green-750: #03590f; /** NSW palette green — accents, illustration, and data-visualisation support (semantic success states use the dedicated success ramp). Step 750: Solid colors. */
  --nsw-green-800: #004000; /** NSW palette green — accents, illustration, and data-visualisation support (semantic success states use the dedicated success ramp). Step 800: Solid colors. */
  --nsw-green-850: #003000; /** NSW palette green — accents, illustration, and data-visualisation support (semantic success states use the dedicated success ramp). Step 850: text and high emphasis. */
  --nsw-green-900: #002000; /** NSW palette green — accents, illustration, and data-visualisation support (semantic success states use the dedicated success ramp). Step 900: text and high emphasis. */
  --nsw-green-950: #001100; /** NSW palette green — accents, illustration, and data-visualisation support (semantic success states use the dedicated success ramp). Step 950: text and high emphasis. */
  --nsw-teal-50: #f2fbfa; /** NSW palette teal — accents, illustration, and data-visualisation support. Step 50: subtle backgrounds and surfaces. */
  --nsw-teal-100: #e7f7f5; /** NSW palette teal — accents, illustration, and data-visualisation support. Step 100: subtle backgrounds and surfaces. */
  --nsw-teal-150: #dcf2ef; /** NSW palette teal — accents, illustration, and data-visualisation support. Step 150: subtle backgrounds and surfaces. */
  --nsw-teal-200: #d1eeea; /** NSW palette teal — accents, illustration, and data-visualisation support. Step 200: Interactive components. */
  --nsw-teal-250: #c1eae7; /** NSW palette teal — accents, illustration, and data-visualisation support. Step 250: Interactive components. */
  --nsw-teal-300: #afe5e5; /** NSW palette teal — accents, illustration, and data-visualisation support. Step 300: Interactive components. */
  --nsw-teal-350: #9ee0e5; /** NSW palette teal — accents, illustration, and data-visualisation support. Step 350: Interactive components. */
  --nsw-teal-400: #8cdbe5; /** NSW palette teal — accents, illustration, and data-visualisation support. Step 400: Interactive components. */
  --nsw-teal-450: #75c4cf; /** NSW palette teal — accents, illustration, and data-visualisation support. Step 450: borders, separators and icons. */
  --nsw-teal-500: #5eacb9; /** NSW palette teal — accents, illustration, and data-visualisation support. Step 500: borders, separators and icons. */
  --nsw-teal-550: #4696a3; /** NSW palette teal — accents, illustration, and data-visualisation support. Step 550: borders, separators and icons. */
  --nsw-teal-600: #2e808e; /** NSW palette teal — accents, illustration, and data-visualisation support. Step 600: borders, separators and icons. */
  --nsw-teal-650: #256f7b; /** NSW palette teal — accents, illustration, and data-visualisation support. Step 650: borders, separators and icons. */
  --nsw-teal-700: #1c5f69; /** NSW palette teal — accents, illustration, and data-visualisation support. Step 700: Solid colors. */
  --nsw-teal-750: #144e58; /** NSW palette teal — accents, illustration, and data-visualisation support. Step 750: Solid colors. */
  --nsw-teal-800: #0b3f47; /** NSW palette teal — accents, illustration, and data-visualisation support. Step 800: Solid colors. */
  --nsw-teal-850: #042f35; /** NSW palette teal — accents, illustration, and data-visualisation support. Step 850: text and high emphasis. */
  --nsw-teal-900: #011f24; /** NSW palette teal — accents, illustration, and data-visualisation support. Step 900: text and high emphasis. */
  --nsw-teal-950: #001114; /** NSW palette teal — accents, illustration, and data-visualisation support. Step 950: text and high emphasis. */
  --nsw-blue-50: #f0fbff; /** NSW brand blue — masterbrand primary aliases this ramp (primary actions, links, key accents); fuchsia-blue accent also draws from it. Step 50: subtle backgrounds and surfaces. */
  --nsw-blue-100: #e4f6ff; /** NSW brand blue — masterbrand primary aliases this ramp (primary actions, links, key accents); fuchsia-blue accent also draws from it. Step 100: subtle backgrounds and surfaces. */
  --nsw-blue-150: #d7f2fe; /** NSW brand blue — masterbrand primary aliases this ramp (primary actions, links, key accents); fuchsia-blue accent also draws from it. Step 150: subtle backgrounds and surfaces. */
  --nsw-blue-200: #cbedfd; /** NSW brand blue — masterbrand primary aliases this ramp (primary actions, links, key accents); fuchsia-blue accent also draws from it. Step 200: Interactive components. */
  --nsw-blue-250: #bceafe; /** NSW brand blue — masterbrand primary aliases this ramp (primary actions, links, key accents); fuchsia-blue accent also draws from it. Step 250: Interactive components. */
  --nsw-blue-300: #ade7ff; /** NSW brand blue — masterbrand primary aliases this ramp (primary actions, links, key accents); fuchsia-blue accent also draws from it. Step 300: Interactive components. */
  --nsw-blue-350: #9de3ff; /** NSW brand blue — masterbrand primary aliases this ramp (primary actions, links, key accents); fuchsia-blue accent also draws from it. Step 350: Interactive components. */
  --nsw-blue-400: #8ce0ff; /** NSW brand blue — masterbrand primary aliases this ramp (primary actions, links, key accents); fuchsia-blue accent also draws from it. Step 400: Interactive components. */
  --nsw-blue-450: #5ac9ff; /** NSW brand blue — masterbrand primary aliases this ramp (primary actions, links, key accents); fuchsia-blue accent also draws from it. Step 450: borders, separators and icons. */
  --nsw-blue-500: #26aeff; /** NSW brand blue — masterbrand primary aliases this ramp (primary actions, links, key accents); fuchsia-blue accent also draws from it. Step 500: borders, separators and icons. */
  --nsw-blue-550: #008fff; /** NSW brand blue — masterbrand primary aliases this ramp (primary actions, links, key accents); fuchsia-blue accent also draws from it. Step 550: borders, separators and icons. */
  --nsw-blue-600: #146cfd; /** NSW brand blue — masterbrand primary aliases this ramp (primary actions, links, key accents); fuchsia-blue accent also draws from it. Step 600: borders, separators and icons. */
  --nsw-blue-650: #0c5ad4; /** NSW brand blue — masterbrand primary aliases this ramp (primary actions, links, key accents); fuchsia-blue accent also draws from it. Step 650: borders, separators and icons. */
  --nsw-blue-700: #0548ad; /** NSW brand blue — masterbrand primary aliases this ramp (primary actions, links, key accents); fuchsia-blue accent also draws from it. Step 700: Solid colors. */
  --nsw-blue-750: #023688; /** NSW brand blue — masterbrand primary aliases this ramp (primary actions, links, key accents); fuchsia-blue accent also draws from it. Step 750: Solid colors. */
  --nsw-blue-800: #002664; /** NSW brand blue — masterbrand primary aliases this ramp (primary actions, links, key accents); fuchsia-blue accent also draws from it. Step 800: Solid colors. */
  --nsw-blue-850: #001a4d; /** NSW brand blue — masterbrand primary aliases this ramp (primary actions, links, key accents); fuchsia-blue accent also draws from it. Step 850: text and high emphasis. */
  --nsw-blue-900: #001037; /** NSW brand blue — masterbrand primary aliases this ramp (primary actions, links, key accents); fuchsia-blue accent also draws from it. Step 900: text and high emphasis. */
  --nsw-blue-950: #000622; /** NSW brand blue — masterbrand primary aliases this ramp (primary actions, links, key accents); fuchsia-blue accent also draws from it. Step 950: text and high emphasis. */
  --nsw-purple-50: #f9f7ff; /** NSW palette purple — accents, illustration, and data-visualisation support. Step 50: subtle backgrounds and surfaces. */
  --nsw-purple-100: #f2f0ff; /** NSW palette purple — accents, illustration, and data-visualisation support. Step 100: subtle backgrounds and surfaces. */
  --nsw-purple-150: #ece8fe; /** NSW palette purple — accents, illustration, and data-visualisation support. Step 150: subtle backgrounds and surfaces. */
  --nsw-purple-200: #e6e1fd; /** NSW palette purple — accents, illustration, and data-visualisation support. Step 200: Interactive components. */
  --nsw-purple-250: #e0d9fe; /** NSW palette purple — accents, illustration, and data-visualisation support. Step 250: Interactive components. */
  --nsw-purple-300: #dad0fe; /** NSW palette purple — accents, illustration, and data-visualisation support. Step 300: Interactive components. */
  --nsw-purple-350: #d4c8ff; /** NSW palette purple — accents, illustration, and data-visualisation support. Step 350: Interactive components. */
  --nsw-purple-400: #cebfff; /** NSW palette purple — accents, illustration, and data-visualisation support. Step 400: Interactive components. */
  --nsw-purple-450: #baa6fc; /** NSW palette purple — accents, illustration, and data-visualisation support. Step 450: borders, separators and icons. */
  --nsw-purple-500: #a68df9; /** NSW palette purple — accents, illustration, and data-visualisation support. Step 500: borders, separators and icons. */
  --nsw-purple-550: #9372f5; /** NSW palette purple — accents, illustration, and data-visualisation support. Step 550: borders, separators and icons. */
  --nsw-purple-600: #8055f1; /** NSW palette purple — accents, illustration, and data-visualisation support. Step 600: borders, separators and icons. */
  --nsw-purple-650: #7243cf; /** NSW palette purple — accents, illustration, and data-visualisation support. Step 650: borders, separators and icons. */
  --nsw-purple-700: #6432ae; /** NSW palette purple — accents, illustration, and data-visualisation support. Step 700: Solid colors. */
  --nsw-purple-750: #54218e; /** NSW palette purple — accents, illustration, and data-visualisation support. Step 750: Solid colors. */
  --nsw-purple-800: #441170; /** NSW palette purple — accents, illustration, and data-visualisation support. Step 800: Solid colors. */
  --nsw-purple-850: #330856; /** NSW palette purple — accents, illustration, and data-visualisation support. Step 850: text and high emphasis. */
  --nsw-purple-900: #23023e; /** NSW palette purple — accents, illustration, and data-visualisation support. Step 900: text and high emphasis. */
  --nsw-purple-950: #130027; /** NSW palette purple — accents, illustration, and data-visualisation support. Step 950: text and high emphasis. */
  --nsw-fuchsia-50: #fff6fd; /** NSW brand fuchsia — the primary ramp for the fuchsia-blue and fuchsia-orange themes. Step 50: subtle backgrounds and surfaces. */
  --nsw-fuchsia-100: #ffeef9; /** NSW brand fuchsia — the primary ramp for the fuchsia-blue and fuchsia-orange themes. Step 100: subtle backgrounds and surfaces. */
  --nsw-fuchsia-150: #fee6f6; /** NSW brand fuchsia — the primary ramp for the fuchsia-blue and fuchsia-orange themes. Step 150: subtle backgrounds and surfaces. */
  --nsw-fuchsia-200: #fddef2; /** NSW brand fuchsia — the primary ramp for the fuchsia-blue and fuchsia-orange themes. Step 200: Interactive components. */
  --nsw-fuchsia-250: #fbd4ef; /** NSW brand fuchsia — the primary ramp for the fuchsia-blue and fuchsia-orange themes. Step 250: Interactive components. */
  --nsw-fuchsia-300: #f9c9eb; /** NSW brand fuchsia — the primary ramp for the fuchsia-blue and fuchsia-orange themes. Step 300: Interactive components. */
  --nsw-fuchsia-350: #f7bfe9; /** NSW brand fuchsia — the primary ramp for the fuchsia-blue and fuchsia-orange themes. Step 350: Interactive components. */
  --nsw-fuchsia-400: #f4b5e6; /** NSW brand fuchsia — the primary ramp for the fuchsia-blue and fuchsia-orange themes. Step 400: Interactive components. */
  --nsw-fuchsia-450: #ef96da; /** NSW brand fuchsia — the primary ramp for the fuchsia-blue and fuchsia-orange themes. Step 450: borders, separators and icons. */
  --nsw-fuchsia-500: #e975cc; /** NSW brand fuchsia — the primary ramp for the fuchsia-blue and fuchsia-orange themes. Step 500: borders, separators and icons. */
  --nsw-fuchsia-550: #e150be; /** NSW brand fuchsia — the primary ramp for the fuchsia-blue and fuchsia-orange themes. Step 550: borders, separators and icons. */
  --nsw-fuchsia-600: #d912ae; /** NSW brand fuchsia — the primary ramp for the fuchsia-blue and fuchsia-orange themes. Step 600: borders, separators and icons. */
  --nsw-fuchsia-650: #bb0c94; /** NSW brand fuchsia — the primary ramp for the fuchsia-blue and fuchsia-orange themes. Step 650: borders, separators and icons. */
  --nsw-fuchsia-700: #9d067b; /** NSW brand fuchsia — the primary ramp for the fuchsia-blue and fuchsia-orange themes. Step 700: Solid colors. */
  --nsw-fuchsia-750: #810264; /** NSW brand fuchsia — the primary ramp for the fuchsia-blue and fuchsia-orange themes. Step 750: Solid colors. */
  --nsw-fuchsia-800: #65004d; /** NSW brand fuchsia — the primary ramp for the fuchsia-blue and fuchsia-orange themes. Step 800: Solid colors. */
  --nsw-fuchsia-850: #4d003a; /** NSW brand fuchsia — the primary ramp for the fuchsia-blue and fuchsia-orange themes. Step 850: text and high emphasis. */
  --nsw-fuchsia-900: #370028; /** NSW brand fuchsia — the primary ramp for the fuchsia-blue and fuchsia-orange themes. Step 900: text and high emphasis. */
  --nsw-fuchsia-950: #220017; /** NSW brand fuchsia — the primary ramp for the fuchsia-blue and fuchsia-orange themes. Step 950: text and high emphasis. */
  --nsw-red-50: #fff8f9; /** NSW brand red — masterbrand accent aliases this ramp (secondary emphasis and highlights; distinct from the semantic danger ramp). Step 50: subtle backgrounds and surfaces. */
  --nsw-red-100: #fff2f4; /** NSW brand red — masterbrand accent aliases this ramp (secondary emphasis and highlights; distinct from the semantic danger ramp). Step 100: subtle backgrounds and surfaces. */
  --nsw-red-150: #ffecef; /** NSW brand red — masterbrand accent aliases this ramp (secondary emphasis and highlights; distinct from the semantic danger ramp). Step 150: subtle backgrounds and surfaces. */
  --nsw-red-200: #ffe6ea; /** NSW brand red — masterbrand accent aliases this ramp (secondary emphasis and highlights; distinct from the semantic danger ramp). Step 200: Interactive components. */
  --nsw-red-250: #ffdbe0; /** NSW brand red — masterbrand accent aliases this ramp (secondary emphasis and highlights; distinct from the semantic danger ramp). Step 250: Interactive components. */
  --nsw-red-300: #ffcfd6; /** NSW brand red — masterbrand accent aliases this ramp (secondary emphasis and highlights; distinct from the semantic danger ramp). Step 300: Interactive components. */
  --nsw-red-350: #ffc4cc; /** NSW brand red — masterbrand accent aliases this ramp (secondary emphasis and highlights; distinct from the semantic danger ramp). Step 350: Interactive components. */
  --nsw-red-400: #ffb8c1; /** NSW brand red — masterbrand accent aliases this ramp (secondary emphasis and highlights; distinct from the semantic danger ramp). Step 400: Interactive components. */
  --nsw-red-450: #f897a2; /** NSW brand red — masterbrand accent aliases this ramp (secondary emphasis and highlights; distinct from the semantic danger ramp). Step 450: borders, separators and icons. */
  --nsw-red-500: #ef7581; /** NSW brand red — masterbrand accent aliases this ramp (secondary emphasis and highlights; distinct from the semantic danger ramp). Step 500: borders, separators and icons. */
  --nsw-red-550: #e44f5f; /** NSW brand red — masterbrand accent aliases this ramp (secondary emphasis and highlights; distinct from the semantic danger ramp). Step 550: borders, separators and icons. */
  --nsw-red-600: #d7153a; /** NSW brand red — masterbrand accent aliases this ramp (secondary emphasis and highlights; distinct from the semantic danger ramp). Step 600: borders, separators and icons. */
  --nsw-red-650: #b90e32; /** NSW brand red — masterbrand accent aliases this ramp (secondary emphasis and highlights; distinct from the semantic danger ramp). Step 650: borders, separators and icons. */
  --nsw-red-700: #9b072a; /** NSW brand red — masterbrand accent aliases this ramp (secondary emphasis and highlights; distinct from the semantic danger ramp). Step 700: Solid colors. */
  --nsw-red-750: #7e0322; /** NSW brand red — masterbrand accent aliases this ramp (secondary emphasis and highlights; distinct from the semantic danger ramp). Step 750: Solid colors. */
  --nsw-red-800: #630019; /** NSW brand red — masterbrand accent aliases this ramp (secondary emphasis and highlights; distinct from the semantic danger ramp). Step 800: Solid colors. */
  --nsw-red-850: #4c0010; /** NSW brand red — masterbrand accent aliases this ramp (secondary emphasis and highlights; distinct from the semantic danger ramp). Step 850: text and high emphasis. */
  --nsw-red-900: #360008; /** NSW brand red — masterbrand accent aliases this ramp (secondary emphasis and highlights; distinct from the semantic danger ramp). Step 900: text and high emphasis. */
  --nsw-red-950: #210003; /** NSW brand red — masterbrand accent aliases this ramp (secondary emphasis and highlights; distinct from the semantic danger ramp). Step 950: text and high emphasis. */
  --nsw-orange-50: #fffaf6; /** NSW palette orange — fuchsia-orange accent aliases this ramp; warm accents and illustration. Step 50: subtle backgrounds and surfaces. */
  --nsw-orange-100: #fff6ee; /** NSW palette orange — fuchsia-orange accent aliases this ramp; warm accents and illustration. Step 100: subtle backgrounds and surfaces. */
  --nsw-orange-150: #fef1e7; /** NSW palette orange — fuchsia-orange accent aliases this ramp; warm accents and illustration. Step 150: subtle backgrounds and surfaces. */
  --nsw-orange-200: #fdeddf; /** NSW palette orange — fuchsia-orange accent aliases this ramp; warm accents and illustration. Step 200: Interactive components. */
  --nsw-orange-250: #fee5ce; /** NSW palette orange — fuchsia-orange accent aliases this ramp; warm accents and illustration. Step 250: Interactive components. */
  --nsw-orange-300: #ffddbd; /** NSW palette orange — fuchsia-orange accent aliases this ramp; warm accents and illustration. Step 300: Interactive components. */
  --nsw-orange-350: #ffd6ab; /** NSW palette orange — fuchsia-orange accent aliases this ramp; warm accents and illustration. Step 350: Interactive components. */
  --nsw-orange-400: #ffce99; /** NSW palette orange — fuchsia-orange accent aliases this ramp; warm accents and illustration. Step 400: Interactive components. */
  --nsw-orange-450: #fdb678; /** NSW palette orange — fuchsia-orange accent aliases this ramp; warm accents and illustration. Step 450: borders, separators and icons. */
  --nsw-orange-500: #fb9d58; /** NSW palette orange — fuchsia-orange accent aliases this ramp; warm accents and illustration. Step 500: borders, separators and icons. */
  --nsw-orange-550: #f78139; /** NSW palette orange — fuchsia-orange accent aliases this ramp; warm accents and illustration. Step 550: borders, separators and icons. */
  --nsw-orange-600: #f3631b; /** NSW palette orange — fuchsia-orange accent aliases this ramp; warm accents and illustration. Step 600: borders, separators and icons. */
  --nsw-orange-650: #db5115; /** NSW palette orange — fuchsia-orange accent aliases this ramp; warm accents and illustration. Step 650: borders, separators and icons. */
  --nsw-orange-700: #c33f0e; /** NSW palette orange — fuchsia-orange accent aliases this ramp; warm accents and illustration. Step 700: Solid colors. */
  --nsw-orange-750: #ab2e06; /** NSW palette orange — fuchsia-orange accent aliases this ramp; warm accents and illustration. Step 750: Solid colors. */
  --nsw-orange-800: #941b00; /** NSW palette orange — fuchsia-orange accent aliases this ramp; warm accents and illustration. Step 800: Solid colors. */
  --nsw-orange-850: #730f00; /** NSW palette orange — fuchsia-orange accent aliases this ramp; warm accents and illustration. Step 850: text and high emphasis. */
  --nsw-orange-900: #530400; /** NSW palette orange — fuchsia-orange accent aliases this ramp; warm accents and illustration. Step 900: text and high emphasis. */
  --nsw-orange-950: #350000; /** NSW palette orange — fuchsia-orange accent aliases this ramp; warm accents and illustration. Step 950: text and high emphasis. */
  --nsw-yellow-50: #fffcf0; /** NSW palette yellow — accents, illustration, and data-visualisation support (semantic warning states use the dedicated warning ramp). Step 50: subtle backgrounds and surfaces. */
  --nsw-yellow-100: #fffae5; /** NSW palette yellow — accents, illustration, and data-visualisation support (semantic warning states use the dedicated warning ramp). Step 100: subtle backgrounds and surfaces. */
  --nsw-yellow-150: #fff7da; /** NSW palette yellow — accents, illustration, and data-visualisation support (semantic warning states use the dedicated warning ramp). Step 150: subtle backgrounds and surfaces. */
  --nsw-yellow-200: #fff4cf; /** NSW palette yellow — accents, illustration, and data-visualisation support (semantic warning states use the dedicated warning ramp). Step 200: Interactive components. */
  --nsw-yellow-250: #fff1c2; /** NSW palette yellow — accents, illustration, and data-visualisation support (semantic warning states use the dedicated warning ramp). Step 250: Interactive components. */
  --nsw-yellow-300: #feeeb5; /** NSW palette yellow — accents, illustration, and data-visualisation support (semantic warning states use the dedicated warning ramp). Step 300: Interactive components. */
  --nsw-yellow-350: #feeaa8; /** NSW palette yellow — accents, illustration, and data-visualisation support (semantic warning states use the dedicated warning ramp). Step 350: Interactive components. */
  --nsw-yellow-400: #fde79a; /** NSW palette yellow — accents, illustration, and data-visualisation support (semantic warning states use the dedicated warning ramp). Step 400: Interactive components. */
  --nsw-yellow-450: #fbda80; /** NSW palette yellow — accents, illustration, and data-visualisation support (semantic warning states use the dedicated warning ramp). Step 450: borders, separators and icons. */
  --nsw-yellow-500: #facd63; /** NSW palette yellow — accents, illustration, and data-visualisation support (semantic warning states use the dedicated warning ramp). Step 500: borders, separators and icons. */
  --nsw-yellow-550: #fabe42; /** NSW palette yellow — accents, illustration, and data-visualisation support (semantic warning states use the dedicated warning ramp). Step 550: borders, separators and icons. */
  --nsw-yellow-600: #faaf05; /** NSW palette yellow — accents, illustration, and data-visualisation support (semantic warning states use the dedicated warning ramp). Step 600: borders, separators and icons. */
  --nsw-yellow-650: #d49403; /** NSW palette yellow — accents, illustration, and data-visualisation support (semantic warning states use the dedicated warning ramp). Step 650: borders, separators and icons. */
  --nsw-yellow-700: #af7a01; /** NSW palette yellow — accents, illustration, and data-visualisation support (semantic warning states use the dedicated warning ramp). Step 700: Solid colors. */
  --nsw-yellow-750: #8b6000; /** NSW palette yellow — accents, illustration, and data-visualisation support (semantic warning states use the dedicated warning ramp). Step 750: Solid colors. */
  --nsw-yellow-800: #694800; /** NSW palette yellow — accents, illustration, and data-visualisation support (semantic warning states use the dedicated warning ramp). Step 800: Solid colors. */
  --nsw-yellow-850: #503500; /** NSW palette yellow — accents, illustration, and data-visualisation support (semantic warning states use the dedicated warning ramp). Step 850: text and high emphasis. */
  --nsw-yellow-900: #392400; /** NSW palette yellow — accents, illustration, and data-visualisation support (semantic warning states use the dedicated warning ramp). Step 900: text and high emphasis. */
  --nsw-yellow-950: #221300; /** NSW palette yellow — accents, illustration, and data-visualisation support (semantic warning states use the dedicated warning ramp). Step 950: text and high emphasis. */
  --nsw-brown-50: #fbf8f4; /** NSW palette brown — accents, illustration, and data-visualisation support. Step 50: subtle backgrounds and surfaces. */
  --nsw-brown-100: #f6f1ea; /** NSW palette brown — accents, illustration, and data-visualisation support. Step 100: subtle backgrounds and surfaces. */
  --nsw-brown-150: #f2eae1; /** NSW palette brown — accents, illustration, and data-visualisation support. Step 150: subtle backgrounds and surfaces. */
  --nsw-brown-200: #ede3d7; /** NSW palette brown — accents, illustration, and data-visualisation support. Step 200: Interactive components. */
  --nsw-brown-250: #ecdece; /** NSW palette brown — accents, illustration, and data-visualisation support. Step 250: Interactive components. */
  --nsw-brown-300: #eadac6; /** NSW palette brown — accents, illustration, and data-visualisation support. Step 300: Interactive components. */
  --nsw-brown-350: #e9d5bd; /** NSW palette brown — accents, illustration, and data-visualisation support. Step 350: Interactive components. */
  --nsw-brown-400: #e8d0b5; /** NSW palette brown — accents, illustration, and data-visualisation support. Step 400: Interactive components. */
  --nsw-brown-450: #dbbf9f; /** NSW palette brown — accents, illustration, and data-visualisation support. Step 450: borders, separators and icons. */
  --nsw-brown-500: #cfae89; /** NSW palette brown — accents, illustration, and data-visualisation support. Step 500: borders, separators and icons. */
  --nsw-brown-550: #c29d73; /** NSW palette brown — accents, illustration, and data-visualisation support. Step 550: borders, separators and icons. */
  --nsw-brown-600: #b68d5d; /** NSW palette brown — accents, illustration, and data-visualisation support. Step 600: borders, separators and icons. */
  --nsw-brown-650: #9c764b; /** NSW palette brown — accents, illustration, and data-visualisation support. Step 650: borders, separators and icons. */
  --nsw-brown-700: #82603a; /** NSW palette brown — accents, illustration, and data-visualisation support. Step 700: Solid colors. */
  --nsw-brown-750: #6a4b29; /** NSW palette brown — accents, illustration, and data-visualisation support. Step 750: Solid colors. */
  --nsw-brown-800: #523719; /** NSW palette brown — accents, illustration, and data-visualisation support. Step 800: Solid colors. */
  --nsw-brown-850: #3e280f; /** NSW palette brown — accents, illustration, and data-visualisation support. Step 850: text and high emphasis. */
  --nsw-brown-900: #2b1a07; /** NSW palette brown — accents, illustration, and data-visualisation support. Step 900: text and high emphasis. */
  --nsw-brown-950: #190d02; /** NSW palette brown — accents, illustration, and data-visualisation support. Step 950: text and high emphasis. */
  --nsw-aboriginal-grey-50: #f9f8f7; /** NSW Aboriginal palette grey. Step 50: subtle backgrounds and surfaces. */
  --nsw-aboriginal-grey-100: #f2f1ef; /** NSW Aboriginal palette grey. Step 100: subtle backgrounds and surfaces. */
  --nsw-aboriginal-grey-150: #ebeae8; /** NSW Aboriginal palette grey. Step 150: subtle backgrounds and surfaces. */
  --nsw-aboriginal-grey-200: #e5e3e0; /** NSW Aboriginal palette Smoke Grey. Step 200: subtle backgrounds and surfaces. */
  --nsw-aboriginal-grey-250: #dfdcd8; /** NSW Aboriginal palette grey. Step 250: subtle backgrounds and surfaces. */
  --nsw-aboriginal-grey-300: #d8d4d1; /** NSW Aboriginal palette grey. Step 300: Interactive components. */
  --nsw-aboriginal-grey-350: #d2cdc9; /** NSW Aboriginal palette grey. Step 350: Interactive components. */
  --nsw-aboriginal-grey-400: #ccc6c2; /** NSW Aboriginal palette Ash Grey. Step 400: Interactive components. */
  --nsw-aboriginal-grey-450: #ada8a5; /** NSW Aboriginal palette grey. Step 450: Interactive components. */
  --nsw-aboriginal-grey-500: #8e8b8a; /** NSW Aboriginal palette grey — part of the NSW Government Aboriginal colour palette, which reflects the history of Aboriginal people within NSW, rich in diversity of culture, tribes, landscapes and history. Step 500: mid-tone. */
  --nsw-aboriginal-grey-550: #71706f; /** NSW Aboriginal palette grey. Step 550: borders and icons. */
  --nsw-aboriginal-grey-600: #555555; /** NSW Aboriginal palette Emu Grey. Step 600: borders and icons. */
  --nsw-aboriginal-grey-650: #494949; /** NSW Aboriginal palette grey. Step 650: borders and icons. */
  --nsw-aboriginal-grey-700: #3d3d3d; /** NSW Aboriginal palette grey. Step 700: borders and icons. */
  --nsw-aboriginal-grey-750: #323232; /** NSW Aboriginal palette grey. Step 750: text and high emphasis. */
  --nsw-aboriginal-grey-800: #272727; /** NSW Aboriginal palette Charcoal Grey. Step 800: text and high emphasis. */
  --nsw-aboriginal-grey-850: #1c1c1c; /** NSW Aboriginal palette grey. Step 850: text and high emphasis. */
  --nsw-aboriginal-grey-900: #111111; /** NSW Aboriginal palette grey. Step 900: text and high emphasis. */
  --nsw-aboriginal-grey-950: #070707; /** NSW Aboriginal palette grey. Step 950: text and high emphasis. */
  --nsw-aboriginal-red-50: #fff5f5; /** NSW Aboriginal palette red. Step 50: subtle backgrounds and surfaces. */
  --nsw-aboriginal-red-100: #ffebeb; /** NSW Aboriginal palette red. Step 100: subtle backgrounds and surfaces. */
  --nsw-aboriginal-red-150: #fee2e2; /** NSW Aboriginal palette red. Step 150: subtle backgrounds and surfaces. */
  --nsw-aboriginal-red-200: #fdd9d9; /** NSW Aboriginal palette Galah Pink. Step 200: subtle backgrounds and surfaces. */
  --nsw-aboriginal-red-250: #fdd0d0; /** NSW Aboriginal palette red. Step 250: subtle backgrounds and surfaces. */
  --nsw-aboriginal-red-300: #fcc7c6; /** NSW Aboriginal palette red. Step 300: Interactive components. */
  --nsw-aboriginal-red-350: #fcbdbd; /** NSW Aboriginal palette red. Step 350: Interactive components. */
  --nsw-aboriginal-red-400: #fbb4b3; /** NSW Aboriginal palette Coral Pink. Step 400: Interactive components. */
  --nsw-aboriginal-red-450: #f79693; /** NSW Aboriginal palette red. Step 450: Interactive components. */
  --nsw-aboriginal-red-500: #f27771; /** NSW Aboriginal palette red — part of the NSW Government Aboriginal colour palette, which reflects the history of Aboriginal people within NSW, rich in diversity of culture, tribes, landscapes and history. Step 500: mid-tone. */
  --nsw-aboriginal-red-550: #ea554c; /** NSW Aboriginal palette red. Step 550: borders and icons. */
  --nsw-aboriginal-red-600: #e1261c; /** NSW Aboriginal palette Ember Red. Step 600: borders and icons. */
  --nsw-aboriginal-red-650: #cd1f17; /** NSW Aboriginal palette red. Step 650: borders and icons. */
  --nsw-aboriginal-red-700: #ba1811; /** NSW Aboriginal palette red. Step 700: borders and icons. */
  --nsw-aboriginal-red-750: #a7110b; /** NSW Aboriginal palette red. Step 750: text and high emphasis. */
  --nsw-aboriginal-red-800: #950906; /** NSW Aboriginal palette Earth Red. Step 800: text and high emphasis. */
  --nsw-aboriginal-red-850: #740001; /** NSW Aboriginal palette red. Step 850: text and high emphasis. */
  --nsw-aboriginal-red-900: #540000; /** NSW Aboriginal palette red. Step 900: text and high emphasis. */
  --nsw-aboriginal-red-950: #360000; /** NSW Aboriginal palette red. Step 950: text and high emphasis. */
  --nsw-aboriginal-orange-50: #fff4ec; /** NSW Aboriginal palette orange. Step 50: subtle backgrounds and surfaces. */
  --nsw-aboriginal-orange-100: #fee9dd; /** NSW Aboriginal palette orange. Step 100: subtle backgrounds and surfaces. */
  --nsw-aboriginal-orange-150: #fcdfcd; /** NSW Aboriginal palette orange. Step 150: subtle backgrounds and surfaces. */
  --nsw-aboriginal-orange-200: #f9d4be; /** NSW Aboriginal palette Sunset Orange. Step 200: subtle backgrounds and surfaces. */
  --nsw-aboriginal-orange-250: #f8caae; /** NSW Aboriginal palette orange. Step 250: subtle backgrounds and surfaces. */
  --nsw-aboriginal-orange-300: #f7bf9e; /** NSW Aboriginal palette orange. Step 300: Interactive components. */
  --nsw-aboriginal-orange-350: #f6b58e; /** NSW Aboriginal palette orange. Step 350: Interactive components. */
  --nsw-aboriginal-orange-400: #f4aa7d; /** NSW Aboriginal palette Clay Orange. Step 400: Interactive components. */
  --nsw-aboriginal-orange-450: #f39a66; /** NSW Aboriginal palette orange. Step 450: Interactive components. */
  --nsw-aboriginal-orange-500: #f2894f; /** NSW Aboriginal palette orange — part of the NSW Government Aboriginal colour palette, which reflects the history of Aboriginal people within NSW, rich in diversity of culture, tribes, landscapes and history. Step 500: mid-tone. */
  --nsw-aboriginal-orange-550: #f07736; /** NSW Aboriginal palette orange. Step 550: borders and icons. */
  --nsw-aboriginal-orange-600: #ee6314; /** NSW Aboriginal palette Orange Ochre. Step 600: borders and icons. */
  --nsw-aboriginal-orange-650: #d45310; /** NSW Aboriginal palette orange. Step 650: borders and icons. */
  --nsw-aboriginal-orange-700: #ba440a; /** NSW Aboriginal palette orange. Step 700: borders and icons. */
  --nsw-aboriginal-orange-750: #a13505; /** NSW Aboriginal palette orange. Step 750: text and high emphasis. */
  --nsw-aboriginal-orange-800: #882600; /** NSW Aboriginal palette Deep Orange. Step 800: text and high emphasis. */
  --nsw-aboriginal-orange-850: #691900; /** NSW Aboriginal palette orange. Step 850: text and high emphasis. */
  --nsw-aboriginal-orange-900: #4c0d00; /** NSW Aboriginal palette orange. Step 900: text and high emphasis. */
  --nsw-aboriginal-orange-950: #300300; /** NSW Aboriginal palette orange. Step 950: text and high emphasis. */
  --nsw-aboriginal-brown-50: #fcf1e9; /** NSW Aboriginal palette brown. Step 50: subtle backgrounds and surfaces. */
  --nsw-aboriginal-brown-100: #f6e3d7; /** NSW Aboriginal palette brown. Step 100: subtle backgrounds and surfaces. */
  --nsw-aboriginal-brown-150: #efd5c4; /** NSW Aboriginal palette brown. Step 150: subtle backgrounds and surfaces. */
  --nsw-aboriginal-brown-200: #e9c8b2; /** NSW Aboriginal palette Macadamia Brown. Step 200: subtle backgrounds and surfaces. */
  --nsw-aboriginal-brown-250: #e4ba9f; /** NSW Aboriginal palette brown. Step 250: subtle backgrounds and surfaces. */
  --nsw-aboriginal-brown-300: #dead8c; /** NSW Aboriginal palette brown. Step 300: Interactive components. */
  --nsw-aboriginal-brown-350: #d99f78; /** NSW Aboriginal palette brown. Step 350: Interactive components. */
  --nsw-aboriginal-brown-400: #d39165; /** NSW Aboriginal palette Claystone Brown. Step 400: Interactive components. */
  --nsw-aboriginal-brown-450: #c68158; /** NSW Aboriginal palette brown. Step 450: Interactive components. */
  --nsw-aboriginal-brown-500: #b9724b; /** NSW Aboriginal palette brown — part of the NSW Government Aboriginal colour palette, which reflects the history of Aboriginal people within NSW, rich in diversity of culture, tribes, landscapes and history. Step 500: mid-tone. */
  --nsw-aboriginal-brown-550: #ab623e; /** NSW Aboriginal palette brown. Step 550: borders and icons. */
  --nsw-aboriginal-brown-600: #9e5332; /** NSW Aboriginal palette Firewood Brown. Step 600: borders and icons. */
  --nsw-aboriginal-brown-650: #8b4627; /** NSW Aboriginal palette brown. Step 650: borders and icons. */
  --nsw-aboriginal-brown-700: #79391c; /** NSW Aboriginal palette brown. Step 700: borders and icons. */
  --nsw-aboriginal-brown-750: #672d10; /** NSW Aboriginal palette brown. Step 750: text and high emphasis. */
  --nsw-aboriginal-brown-800: #552105; /** NSW Aboriginal palette Riverbed Brown. Step 800: text and high emphasis. */
  --nsw-aboriginal-brown-850: #411602; /** NSW Aboriginal palette brown. Step 850: text and high emphasis. */
  --nsw-aboriginal-brown-900: #2d0c00; /** NSW Aboriginal palette brown. Step 900: text and high emphasis. */
  --nsw-aboriginal-brown-950: #1b0400; /** NSW Aboriginal palette brown. Step 950: text and high emphasis. */
  --nsw-aboriginal-yellow-50: #fffcee; /** NSW Aboriginal palette yellow. Step 50: subtle backgrounds and surfaces. */
  --nsw-aboriginal-yellow-100: #fff8e0; /** NSW Aboriginal palette yellow. Step 100: subtle backgrounds and surfaces. */
  --nsw-aboriginal-yellow-150: #fff5d3; /** NSW Aboriginal palette yellow. Step 150: subtle backgrounds and surfaces. */
  --nsw-aboriginal-yellow-200: #fff1c5; /** NSW Aboriginal palette Sunbeam Yellow. Step 200: subtle backgrounds and surfaces. */
  --nsw-aboriginal-yellow-250: #ffeeb7; /** NSW Aboriginal palette yellow. Step 250: subtle backgrounds and surfaces. */
  --nsw-aboriginal-yellow-300: #ffeba9; /** NSW Aboriginal palette yellow. Step 300: Interactive components. */
  --nsw-aboriginal-yellow-350: #fee79b; /** NSW Aboriginal palette yellow. Step 350: Interactive components. */
  --nsw-aboriginal-yellow-400: #fee48c; /** NSW Aboriginal palette Golden Wattle Yellow. Step 400: Interactive components. */
  --nsw-aboriginal-yellow-450: #fed675; /** NSW Aboriginal palette yellow. Step 450: Interactive components. */
  --nsw-aboriginal-yellow-500: #fec85d; /** NSW Aboriginal palette yellow — part of the NSW Government Aboriginal colour palette, which reflects the history of Aboriginal people within NSW, rich in diversity of culture, tribes, landscapes and history. Step 500: mid-tone. */
  --nsw-aboriginal-yellow-550: #feb944; /** NSW Aboriginal palette yellow. Step 550: borders and icons. */
  --nsw-aboriginal-yellow-600: #fea927; /** NSW Aboriginal palette Sandstone Yellow. Step 600: borders and icons. */
  --nsw-aboriginal-yellow-650: #df961c; /** NSW Aboriginal palette yellow. Step 650: borders and icons. */
  --nsw-aboriginal-yellow-700: #c18312; /** NSW Aboriginal palette yellow. Step 700: borders and icons. */
  --nsw-aboriginal-yellow-750: #a57007; /** NSW Aboriginal palette yellow. Step 750: text and high emphasis. */
  --nsw-aboriginal-yellow-800: #895e00; /** NSW Aboriginal palette Bush Honey Yellow. Step 800: text and high emphasis. */
  --nsw-aboriginal-yellow-850: #694700; /** NSW Aboriginal palette yellow. Step 850: text and high emphasis. */
  --nsw-aboriginal-yellow-900: #4c3000; /** NSW Aboriginal palette yellow. Step 900: text and high emphasis. */
  --nsw-aboriginal-yellow-950: #2f1c00; /** NSW Aboriginal palette yellow. Step 950: text and high emphasis. */
  --nsw-aboriginal-green-50: #f5f9f2; /** NSW Aboriginal palette green. Step 50: subtle backgrounds and surfaces. */
  --nsw-aboriginal-green-100: #ecf3e7; /** NSW Aboriginal palette green. Step 100: subtle backgrounds and surfaces. */
  --nsw-aboriginal-green-150: #e3ecdc; /** NSW Aboriginal palette green. Step 150: subtle backgrounds and surfaces. */
  --nsw-aboriginal-green-200: #dae6d1; /** NSW Aboriginal palette Saltbush Green. Step 200: subtle backgrounds and surfaces. */
  --nsw-aboriginal-green-250: #d1e0c6; /** NSW Aboriginal palette green. Step 250: subtle backgrounds and surfaces. */
  --nsw-aboriginal-green-300: #c7d9ba; /** NSW Aboriginal palette green. Step 300: Interactive components. */
  --nsw-aboriginal-green-350: #bed3af; /** NSW Aboriginal palette green. Step 350: Interactive components. */
  --nsw-aboriginal-green-400: #b5cda4; /** NSW Aboriginal palette Gumleaf Green. Step 400: Interactive components. */
  --nsw-aboriginal-green-450: #a5c28e; /** NSW Aboriginal palette green. Step 450: Interactive components. */
  --nsw-aboriginal-green-500: #95b777; /** NSW Aboriginal palette green — part of the NSW Government Aboriginal colour palette, which reflects the history of Aboriginal people within NSW, rich in diversity of culture, tribes, landscapes and history. Step 500: mid-tone. */
  --nsw-aboriginal-green-550: #86ac60; /** NSW Aboriginal palette green. Step 550: borders and icons. */
  --nsw-aboriginal-green-600: #78a146; /** NSW Aboriginal palette Marshland Lime. Step 600: borders and icons. */
  --nsw-aboriginal-green-650: #5f8f44; /** NSW Aboriginal palette green. Step 650: borders and icons. */
  --nsw-aboriginal-green-700: #497d40; /** NSW Aboriginal palette green. Step 700: borders and icons. */
  --nsw-aboriginal-green-750: #346a3b; /** NSW Aboriginal palette green. Step 750: text and high emphasis. */
  --nsw-aboriginal-green-800: #215834; /** NSW Aboriginal palette Bushland Green. Step 800: text and high emphasis. */
  --nsw-aboriginal-green-850: #154225; /** NSW Aboriginal palette green. Step 850: text and high emphasis. */
  --nsw-aboriginal-green-900: #0a2e17; /** NSW Aboriginal palette green. Step 900: text and high emphasis. */
  --nsw-aboriginal-green-950: #021b0a; /** NSW Aboriginal palette green. Step 950: text and high emphasis. */
  --nsw-aboriginal-blue-50: #eef8fa; /** NSW Aboriginal palette blue. Step 50: subtle backgrounds and surfaces. */
  --nsw-aboriginal-blue-100: #dff1f4; /** NSW Aboriginal palette blue. Step 100: subtle backgrounds and surfaces. */
  --nsw-aboriginal-blue-150: #d0e9ee; /** NSW Aboriginal palette blue. Step 150: subtle backgrounds and surfaces. */
  --nsw-aboriginal-blue-200: #c1e2e8; /** NSW Aboriginal palette Coastal Blue. Step 200: subtle backgrounds and surfaces. */
  --nsw-aboriginal-blue-250: #b2dbe2; /** NSW Aboriginal palette blue. Step 250: subtle backgrounds and surfaces. */
  --nsw-aboriginal-blue-300: #a3d4dc; /** NSW Aboriginal palette blue. Step 300: Interactive components. */
  --nsw-aboriginal-blue-350: #94ccd7; /** NSW Aboriginal palette blue. Step 350: Interactive components. */
  --nsw-aboriginal-blue-400: #84c5d1; /** NSW Aboriginal palette Light Water Blue. Step 400: Interactive components. */
  --nsw-aboriginal-blue-450: #67aec0; /** NSW Aboriginal palette blue. Step 450: Interactive components. */
  --nsw-aboriginal-blue-500: #4a96b0; /** NSW Aboriginal palette blue — part of the NSW Government Aboriginal colour palette, which reflects the history of Aboriginal people within NSW, rich in diversity of culture, tribes, landscapes and history. Step 500: mid-tone. */
  --nsw-aboriginal-blue-550: #2e7fa1; /** NSW Aboriginal palette blue. Step 550: borders and icons. */
  --nsw-aboriginal-blue-600: #0d6791; /** NSW Aboriginal palette Saltwater Blue. Step 600: borders and icons. */
  --nsw-aboriginal-blue-650: #095d84; /** NSW Aboriginal palette blue. Step 650: borders and icons. */
  --nsw-aboriginal-blue-700: #055377; /** NSW Aboriginal palette blue. Step 700: borders and icons. */
  --nsw-aboriginal-blue-750: #02496a; /** NSW Aboriginal palette blue. Step 750: text and high emphasis. */
  --nsw-aboriginal-blue-800: #00405e; /** NSW Aboriginal palette Billabong Blue. Step 800: text and high emphasis. */
  --nsw-aboriginal-blue-850: #002f48; /** NSW Aboriginal palette blue. Step 850: text and high emphasis. */
  --nsw-aboriginal-blue-900: #002033; /** NSW Aboriginal palette blue. Step 900: text and high emphasis. */
  --nsw-aboriginal-blue-950: #00111f; /** NSW Aboriginal palette blue. Step 950: text and high emphasis. */
  --nsw-aboriginal-purple-50: #faf1f8; /** NSW Aboriginal palette purple. Step 50: subtle backgrounds and surfaces. */
  --nsw-aboriginal-purple-100: #f2e5f0; /** NSW Aboriginal palette purple. Step 100: subtle backgrounds and surfaces. */
  --nsw-aboriginal-purple-150: #ebd8e8; /** NSW Aboriginal palette purple. Step 150: subtle backgrounds and surfaces. */
  --nsw-aboriginal-purple-200: #e4cce0; /** NSW Aboriginal palette Dusk Purple. Step 200: subtle backgrounds and surfaces. */
  --nsw-aboriginal-purple-250: #ddbfd8; /** NSW Aboriginal palette purple. Step 250: subtle backgrounds and surfaces. */
  --nsw-aboriginal-purple-300: #d7b3d1; /** NSW Aboriginal palette purple. Step 300: Interactive components. */
  --nsw-aboriginal-purple-350: #d0a6c9; /** NSW Aboriginal palette purple. Step 350: Interactive components. */
  --nsw-aboriginal-purple-400: #c99ac2; /** NSW Aboriginal palette Lilli Pilli Purple. Step 400: Interactive components. */
  --nsw-aboriginal-purple-450: #bd8bb6; /** NSW Aboriginal palette purple. Step 450: Interactive components. */
  --nsw-aboriginal-purple-500: #b17caa; /** NSW Aboriginal palette purple — part of the NSW Government Aboriginal colour palette, which reflects the history of Aboriginal people within NSW, rich in diversity of culture, tribes, landscapes and history. Step 500: mid-tone. */
  --nsw-aboriginal-purple-550: #a66d9f; /** NSW Aboriginal palette purple. Step 550: borders and icons. */
  --nsw-aboriginal-purple-600: #9a5e93; /** NSW Aboriginal palette Spirit Lilac. Step 600: borders and icons. */
  --nsw-aboriginal-purple-650: #844f7e; /** NSW Aboriginal palette purple. Step 650: borders and icons. */
  --nsw-aboriginal-purple-700: #6f4169; /** NSW Aboriginal palette purple. Step 700: borders and icons. */
  --nsw-aboriginal-purple-750: #5b3355; /** NSW Aboriginal palette purple. Step 750: text and high emphasis. */
  --nsw-aboriginal-purple-800: #472642; /** NSW Aboriginal palette Bush Plum. Step 800: text and high emphasis. */
  --nsw-aboriginal-purple-850: #351a31; /** NSW Aboriginal palette purple. Step 850: text and high emphasis. */
  --nsw-aboriginal-purple-900: #241021; /** NSW Aboriginal palette purple. Step 900: text and high emphasis. */
  --nsw-aboriginal-purple-950: #150612; /** NSW Aboriginal palette purple. Step 950: text and high emphasis. */
  --success-50: #eff9ed; /** Success state — positive outcomes, confirmations, and completed actions. Step 50: subtle backgrounds and surfaces. */
  --success-100: #e0f3de; /** Success state — positive outcomes, confirmations, and completed actions. Step 100: subtle backgrounds and surfaces. */
  --success-150: #d2eccf; /** Success state — positive outcomes, confirmations, and completed actions. Step 150: subtle backgrounds and surfaces. */
  --success-200: #c4e5c0; /** Success state — positive outcomes, confirmations, and completed actions. Step 200: Interactive components. */
  --success-250: #aad6a5; /** Success state — positive outcomes, confirmations, and completed actions. Step 250: Interactive components. */
  --success-300: #8fc78a; /** Success state — positive outcomes, confirmations, and completed actions. Step 300: Interactive components. */
  --success-350: #74b76f; /** Success state — positive outcomes, confirmations, and completed actions. Step 350: Interactive components. */
  --success-400: #58a854; /** Success state — positive outcomes, confirmations, and completed actions. Step 400: Interactive components. */
  --success-450: #49a146; /** Success state — positive outcomes, confirmations, and completed actions. Step 450: borders, separators and icons. */
  --success-500: #399936; /** Success state — positive outcomes, confirmations, and completed actions. Step 500: borders, separators and icons. */
  --success-550: #259224; /** Success state — positive outcomes, confirmations, and completed actions. Step 550: borders, separators and icons. */
  --success-600: #008a07; /** Success state — positive outcomes, confirmations, and completed actions. Step 600: borders, separators and icons. */
  --success-650: #007204; /** Success state — positive outcomes, confirmations, and completed actions. Step 650: borders, separators and icons. */
  --success-700: #005a02; /** Success state — positive outcomes, confirmations, and completed actions. Step 700: Solid colors. */
  --success-750: #004401; /** Success state — positive outcomes, confirmations, and completed actions. Step 750: Solid colors. */
  --success-800: #002f00; /** Success state — positive outcomes, confirmations, and completed actions. Step 800: Solid colors. */
  --success-850: #002200; /** Success state — positive outcomes, confirmations, and completed actions. Step 850: text and high emphasis. */
  --success-900: #001600; /** Success state — positive outcomes, confirmations, and completed actions. Step 900: text and high emphasis. */
  --success-950: #000b00; /** Success state — positive outcomes, confirmations, and completed actions. Step 950: text and high emphasis. */
  --warning-50: #fff3ed; /** Warning state — caution and actions that need attention. Step 50: subtle backgrounds and surfaces. */
  --warning-100: #ffe8de; /** Warning state — caution and actions that need attention. Step 100: subtle backgrounds and surfaces. */
  --warning-150: #ffddcf; /** Warning state — caution and actions that need attention. Step 150: subtle backgrounds and surfaces. */
  --warning-200: #fdd2c0; /** Warning state — caution and actions that need attention. Step 200: Interactive components. */
  --warning-250: #f6bda5; /** Warning state — caution and actions that need attention. Step 250: Interactive components. */
  --warning-300: #eea88a; /** Warning state — caution and actions that need attention. Step 300: Interactive components. */
  --warning-350: #e6936f; /** Warning state — caution and actions that need attention. Step 350: Interactive components. */
  --warning-400: #dd7d53; /** Warning state — caution and actions that need attention. Step 400: Interactive components. */
  --warning-450: #d87244; /** Warning state — caution and actions that need attention. Step 450: borders, separators and icons. */
  --warning-500: #d36734; /** Warning state — caution and actions that need attention. Step 500: borders, separators and icons. */
  --warning-550: #ce5c21; /** Warning state — caution and actions that need attention. Step 550: borders, separators and icons. */
  --warning-600: #c95000; /** Warning state — caution and actions that need attention. Step 600: borders, separators and icons. */
  --warning-650: #a83f03; /** Warning state — caution and actions that need attention. Step 650: borders, separators and icons. */
  --warning-700: #882f03; /** Warning state — caution and actions that need attention. Step 700: Solid colors. */
  --warning-750: #692001; /** Warning state — caution and actions that need attention. Step 750: Solid colors. */
  --warning-800: #4b1200; /** Warning state — caution and actions that need attention. Step 800: Solid colors. */
  --warning-850: #390a00; /** Warning state — caution and actions that need attention. Step 850: text and high emphasis. */
  --warning-900: #270400; /** Warning state — caution and actions that need attention. Step 900: text and high emphasis. */
  --warning-950: #170100; /** Warning state — caution and actions that need attention. Step 950: text and high emphasis. */
  --danger-50: #fff0ef; /** Danger state — errors and destructive or critical actions. Step 50: subtle backgrounds and surfaces. */
  --danger-100: #ffe2e1; /** Danger state — errors and destructive or critical actions. Step 100: subtle backgrounds and surfaces. */
  --danger-150: #ffd4d4; /** Danger state — errors and destructive or critical actions. Step 150: subtle backgrounds and surfaces. */
  --danger-200: #fdc6c6; /** Danger state — errors and destructive or critical actions. Step 200: Interactive components. */
  --danger-250: #f4acad; /** Danger state — errors and destructive or critical actions. Step 250: Interactive components. */
  --danger-300: #ea9294; /** Danger state — errors and destructive or critical actions. Step 300: Interactive components. */
  --danger-350: #df787c; /** Danger state — errors and destructive or critical actions. Step 350: Interactive components. */
  --danger-400: #d35d65; /** Danger state — errors and destructive or critical actions. Step 400: Interactive components. */
  --danger-450: #cd4e59; /** Danger state — errors and destructive or critical actions. Step 450: borders, separators and icons. */
  --danger-500: #c63f4e; /** Danger state — errors and destructive or critical actions. Step 500: borders, separators and icons. */
  --danger-550: #bf2c42; /** Danger state — errors and destructive or critical actions. Step 550: borders, separators and icons. */
  --danger-600: #b81237; /** Danger state — errors and destructive or critical actions. Step 600: borders, separators and icons. */
  --danger-650: #990b2a; /** Danger state — errors and destructive or critical actions. Step 650: borders, separators and icons. */
  --danger-700: #7c061f; /** Danger state — errors and destructive or critical actions. Step 700: Solid colors. */
  --danger-750: #5f0214; /** Danger state — errors and destructive or critical actions. Step 750: Solid colors. */
  --danger-800: #44000a; /** Danger state — errors and destructive or critical actions. Step 800: Solid colors. */
  --danger-850: #330005; /** Danger state — errors and destructive or critical actions. Step 850: text and high emphasis. */
  --danger-900: #230002; /** Danger state — errors and destructive or critical actions. Step 900: text and high emphasis. */
  --danger-950: #140001; /** Danger state — errors and destructive or critical actions. Step 950: text and high emphasis. */
  --info-50: #e9eef7; /** Informational state — neutral highlights, tips, and in-progress notices. Step 50: subtle backgrounds and surfaces. */
  --info-100: #d4ddeb; /** Informational state — neutral highlights, tips, and in-progress notices. Step 100: subtle backgrounds and surfaces. */
  --info-150: #c0cce0; /** Informational state — neutral highlights, tips, and in-progress notices. Step 150: subtle backgrounds and surfaces. */
  --info-200: #acbbd5; /** Informational state — neutral highlights, tips, and in-progress notices. Step 200: Interactive components. */
  --info-250: #96a9cc; /** Informational state — neutral highlights, tips, and in-progress notices. Step 250: Interactive components. */
  --info-300: #8098c2; /** Informational state — neutral highlights, tips, and in-progress notices. Step 300: Interactive components. */
  --info-350: #6b86b8; /** Informational state — neutral highlights, tips, and in-progress notices. Step 350: Interactive components. */
  --info-400: #5775ae; /** Informational state — neutral highlights, tips, and in-progress notices. Step 400: Interactive components. */
  --info-450: #4d6ca9; /** Informational state — neutral highlights, tips, and in-progress notices. Step 450: borders, separators and icons. */
  --info-500: #4264a4; /** Informational state — neutral highlights, tips, and in-progress notices. Step 500: borders, separators and icons. */
  --info-550: #385b9e; /** Informational state — neutral highlights, tips, and in-progress notices. Step 550: borders, separators and icons. */
  --info-600: #2e5299; /** Informational state — neutral highlights, tips, and in-progress notices. Step 600: borders, separators and icons. */
  --info-650: #23427f; /** Informational state — neutral highlights, tips, and in-progress notices. Step 650: borders, separators and icons. */
  --info-700: #193366; /** Informational state — neutral highlights, tips, and in-progress notices. Step 700: Solid colors. */
  --info-750: #10254f; /** Informational state — neutral highlights, tips, and in-progress notices. Step 750: Solid colors. */
  --info-800: #071738; /** Informational state — neutral highlights, tips, and in-progress notices. Step 800: Solid colors. */
  --info-850: #040f2a; /** Informational state — neutral highlights, tips, and in-progress notices. Step 850: text and high emphasis. */
  --info-900: #02071c; /** Informational state — neutral highlights, tips, and in-progress notices. Step 900: text and high emphasis. */
  --info-950: #00030f; /** Informational state — neutral highlights, tips, and in-progress notices. Step 950: text and high emphasis. */
  --white: #ffffff; /** Pure white — page backgrounds, content surfaces, and text on dark or solid fills. */
  --black: #000000; /** Pure black — maximum-contrast text, overlays, and scrims. */
}