:root {
          --bg-black-100: rgba(0, 0, 0, 1);
          --text-black-100: rgba(0, 0, 0, 1);
          --border-black-100: rgba(0, 0, 0, 1);
         .button.bg-black-100:hover { background-color: var(--bg-black-70); }
         .button.text-black-100:hover { color: var(--text-black-100); }
          --bg-black-90: rgba(0, 0, 0, 0.9);
          --text-black-90: rgba(0, 0, 0, 0.9);
          --border-black-90: rgba(0, 0, 0, 0.9);
          --bg-black-80: rgba(0, 0, 0, 0.8);
          --text-black-80: rgba(0, 0, 0, 0.8);
          --border-black-80: rgba(0, 0, 0, 0.8);
          --bg-black-70: rgba(0, 0, 0, 0.7);
          --text-black-70: rgba(0, 0, 0, 0.7);
          --border-black-70: rgba(0, 0, 0, 0.7);
          --bg-black-60: rgba(0, 0, 0, 0.6);
          --text-black-60: rgba(0, 0, 0, 0.6);
          --border-black-60: rgba(0, 0, 0, 0.6);
          --bg-black-50: rgba(0, 0, 0, 0.5);
          --text-black-50: rgba(0, 0, 0, 0.5);
          --border-black-50: rgba(0, 0, 0, 0.5);
          --bg-black-40: rgba(0, 0, 0, 0.4);
          --text-black-40: rgba(0, 0, 0, 0.4);
          --border-black-40: rgba(0, 0, 0, 0.4);
          --bg-black-30: rgba(0, 0, 0, 0.3);
          --text-black-30: rgba(0, 0, 0, 0.3);
          --border-black-30: rgba(0, 0, 0, 0.3);
          --bg-black-20: rgba(0, 0, 0, 0.2);
          --text-black-20: rgba(0, 0, 0, 0.2);
          --border-black-20: rgba(0, 0, 0, 0.2);
          --bg-black-10: rgba(0, 0, 0, 0.1);
          --text-black-10: rgba(0, 0, 0, 0.1);
          --border-black-10: rgba(0, 0, 0, 0.1);
          --bg-green-100: rgba(35, 86, 48, 1);
          --text-green-100: rgba(35, 86, 48, 1);
          --border-green-100: rgba(35, 86, 48, 1);
         .button.bg-green-100:hover { background-color: var(--bg-green-70); }
         .button.text-green-100:hover { color: var(--text-green-100); }
          --bg-green-90: rgba(35, 86, 48, 0.9);
          --text-green-90: rgba(35, 86, 48, 0.9);
          --border-green-90: rgba(35, 86, 48, 0.9);
          --bg-green-80: rgba(35, 86, 48, 0.8);
          --text-green-80: rgba(35, 86, 48, 0.8);
          --border-green-80: rgba(35, 86, 48, 0.8);
          --bg-green-70: rgba(35, 86, 48, 0.7);
          --text-green-70: rgba(35, 86, 48, 0.7);
          --border-green-70: rgba(35, 86, 48, 0.7);
          --bg-green-60: rgba(35, 86, 48, 0.6);
          --text-green-60: rgba(35, 86, 48, 0.6);
          --border-green-60: rgba(35, 86, 48, 0.6);
          --bg-green-50: rgba(35, 86, 48, 0.5);
          --text-green-50: rgba(35, 86, 48, 0.5);
          --border-green-50: rgba(35, 86, 48, 0.5);
          --bg-green-40: rgba(35, 86, 48, 0.4);
          --text-green-40: rgba(35, 86, 48, 0.4);
          --border-green-40: rgba(35, 86, 48, 0.4);
          --bg-green-30: rgba(35, 86, 48, 0.3);
          --text-green-30: rgba(35, 86, 48, 0.3);
          --border-green-30: rgba(35, 86, 48, 0.3);
          --bg-green-20: rgba(35, 86, 48, 0.2);
          --text-green-20: rgba(35, 86, 48, 0.2);
          --border-green-20: rgba(35, 86, 48, 0.2);
          --bg-green-10: rgba(35, 86, 48, 0.1);
          --text-green-10: rgba(35, 86, 48, 0.1);
          --border-green-10: rgba(35, 86, 48, 0.1);
          --bg-grey-100: rgba(54, 54, 54, 1);
          --text-grey-100: rgba(54, 54, 54, 1);
          --border-grey-100: rgba(54, 54, 54, 1);
         .button.bg-grey-100:hover { background-color: var(--bg-grey-70); }
         .button.text-grey-100:hover { color: var(--text-grey-100); }
          --bg-grey-90: rgba(54, 54, 54, 0.9);
          --text-grey-90: rgba(54, 54, 54, 0.9);
          --border-grey-90: rgba(54, 54, 54, 0.9);
          --bg-grey-80: rgba(54, 54, 54, 0.8);
          --text-grey-80: rgba(54, 54, 54, 0.8);
          --border-grey-80: rgba(54, 54, 54, 0.8);
          --bg-grey-70: rgba(54, 54, 54, 0.7);
          --text-grey-70: rgba(54, 54, 54, 0.7);
          --border-grey-70: rgba(54, 54, 54, 0.7);
          --bg-grey-60: rgba(54, 54, 54, 0.6);
          --text-grey-60: rgba(54, 54, 54, 0.6);
          --border-grey-60: rgba(54, 54, 54, 0.6);
          --bg-grey-50: rgba(54, 54, 54, 0.5);
          --text-grey-50: rgba(54, 54, 54, 0.5);
          --border-grey-50: rgba(54, 54, 54, 0.5);
          --bg-grey-40: rgba(54, 54, 54, 0.4);
          --text-grey-40: rgba(54, 54, 54, 0.4);
          --border-grey-40: rgba(54, 54, 54, 0.4);
          --bg-grey-30: rgba(54, 54, 54, 0.3);
          --text-grey-30: rgba(54, 54, 54, 0.3);
          --border-grey-30: rgba(54, 54, 54, 0.3);
          --bg-grey-20: rgba(54, 54, 54, 0.2);
          --text-grey-20: rgba(54, 54, 54, 0.2);
          --border-grey-20: rgba(54, 54, 54, 0.2);
          --bg-grey-10: rgba(54, 54, 54, 0.1);
          --text-grey-10: rgba(54, 54, 54, 0.1);
          --border-grey-10: rgba(54, 54, 54, 0.1);
          --bg-grey-light-100: rgba(226, 216, 206, 1);
          --text-grey-light-100: rgba(226, 216, 206, 1);
          --border-grey-light-100: rgba(226, 216, 206, 1);
         .button.bg-grey-light-100:hover { background-color: var(--bg-grey-light-70); }
         .button.text-grey-light-100:hover { color: var(--text-grey-light-100); }
          --bg-grey-light-90: rgba(226, 216, 206, 0.9);
          --text-grey-light-90: rgba(226, 216, 206, 0.9);
          --border-grey-light-90: rgba(226, 216, 206, 0.9);
          --bg-grey-light-80: rgba(226, 216, 206, 0.8);
          --text-grey-light-80: rgba(226, 216, 206, 0.8);
          --border-grey-light-80: rgba(226, 216, 206, 0.8);
          --bg-grey-light-70: rgba(226, 216, 206, 0.7);
          --text-grey-light-70: rgba(226, 216, 206, 0.7);
          --border-grey-light-70: rgba(226, 216, 206, 0.7);
          --bg-grey-light-60: rgba(226, 216, 206, 0.6);
          --text-grey-light-60: rgba(226, 216, 206, 0.6);
          --border-grey-light-60: rgba(226, 216, 206, 0.6);
          --bg-grey-light-50: rgba(226, 216, 206, 0.5);
          --text-grey-light-50: rgba(226, 216, 206, 0.5);
          --border-grey-light-50: rgba(226, 216, 206, 0.5);
          --bg-grey-light-40: rgba(226, 216, 206, 0.4);
          --text-grey-light-40: rgba(226, 216, 206, 0.4);
          --border-grey-light-40: rgba(226, 216, 206, 0.4);
          --bg-grey-light-30: rgba(226, 216, 206, 0.3);
          --text-grey-light-30: rgba(226, 216, 206, 0.3);
          --border-grey-light-30: rgba(226, 216, 206, 0.3);
          --bg-grey-light-20: rgba(226, 216, 206, 0.2);
          --text-grey-light-20: rgba(226, 216, 206, 0.2);
          --border-grey-light-20: rgba(226, 216, 206, 0.2);
          --bg-grey-light-10: rgba(226, 216, 206, 0.1);
          --text-grey-light-10: rgba(226, 216, 206, 0.1);
          --border-grey-light-10: rgba(226, 216, 206, 0.1);
          --bg-navy-100: rgba(0, 74, 93, 1);
          --text-navy-100: rgba(0, 74, 93, 1);
          --border-navy-100: rgba(0, 74, 93, 1);
         .button.bg-navy-100:hover { background-color: var(--bg-navy-70); }
         .button.text-navy-100:hover { color: var(--text-navy-100); }
          --bg-navy-90: rgba(0, 74, 93, 0.9);
          --text-navy-90: rgba(0, 74, 93, 0.9);
          --border-navy-90: rgba(0, 74, 93, 0.9);
          --bg-navy-80: rgba(0, 74, 93, 0.8);
          --text-navy-80: rgba(0, 74, 93, 0.8);
          --border-navy-80: rgba(0, 74, 93, 0.8);
          --bg-navy-70: rgba(0, 74, 93, 0.7);
          --text-navy-70: rgba(0, 74, 93, 0.7);
          --border-navy-70: rgba(0, 74, 93, 0.7);
          --bg-navy-60: rgba(0, 74, 93, 0.6);
          --text-navy-60: rgba(0, 74, 93, 0.6);
          --border-navy-60: rgba(0, 74, 93, 0.6);
          --bg-navy-50: rgba(0, 74, 93, 0.5);
          --text-navy-50: rgba(0, 74, 93, 0.5);
          --border-navy-50: rgba(0, 74, 93, 0.5);
          --bg-navy-40: rgba(0, 74, 93, 0.4);
          --text-navy-40: rgba(0, 74, 93, 0.4);
          --border-navy-40: rgba(0, 74, 93, 0.4);
          --bg-navy-30: rgba(0, 74, 93, 0.3);
          --text-navy-30: rgba(0, 74, 93, 0.3);
          --border-navy-30: rgba(0, 74, 93, 0.3);
          --bg-navy-20: rgba(0, 74, 93, 0.2);
          --text-navy-20: rgba(0, 74, 93, 0.2);
          --border-navy-20: rgba(0, 74, 93, 0.2);
          --bg-navy-10: rgba(0, 74, 93, 0.1);
          --text-navy-10: rgba(0, 74, 93, 0.1);
          --border-navy-10: rgba(0, 74, 93, 0.1);
          --bg-orange-100: rgba(167, 57, 1, 1);
          --text-orange-100: rgba(167, 57, 1, 1);
          --border-orange-100: rgba(167, 57, 1, 1);
         .button.bg-orange-100:hover { background-color: var(--bg-orange-70); }
         .button.text-orange-100:hover { color: var(--text-orange-100); }
          --bg-orange-90: rgba(167, 57, 1, 0.9);
          --text-orange-90: rgba(167, 57, 1, 0.9);
          --border-orange-90: rgba(167, 57, 1, 0.9);
          --bg-orange-80: rgba(167, 57, 1, 0.8);
          --text-orange-80: rgba(167, 57, 1, 0.8);
          --border-orange-80: rgba(167, 57, 1, 0.8);
          --bg-orange-70: rgba(167, 57, 1, 0.7);
          --text-orange-70: rgba(167, 57, 1, 0.7);
          --border-orange-70: rgba(167, 57, 1, 0.7);
          --bg-orange-60: rgba(167, 57, 1, 0.6);
          --text-orange-60: rgba(167, 57, 1, 0.6);
          --border-orange-60: rgba(167, 57, 1, 0.6);
          --bg-orange-50: rgba(167, 57, 1, 0.5);
          --text-orange-50: rgba(167, 57, 1, 0.5);
          --border-orange-50: rgba(167, 57, 1, 0.5);
          --bg-orange-40: rgba(167, 57, 1, 0.4);
          --text-orange-40: rgba(167, 57, 1, 0.4);
          --border-orange-40: rgba(167, 57, 1, 0.4);
          --bg-orange-30: rgba(167, 57, 1, 0.3);
          --text-orange-30: rgba(167, 57, 1, 0.3);
          --border-orange-30: rgba(167, 57, 1, 0.3);
          --bg-orange-20: rgba(167, 57, 1, 0.2);
          --text-orange-20: rgba(167, 57, 1, 0.2);
          --border-orange-20: rgba(167, 57, 1, 0.2);
          --bg-orange-10: rgba(167, 57, 1, 0.1);
          --text-orange-10: rgba(167, 57, 1, 0.1);
          --border-orange-10: rgba(167, 57, 1, 0.1);
          --bg-purple-100: rgba(100, 45, 92, 1);
          --text-purple-100: rgba(100, 45, 92, 1);
          --border-purple-100: rgba(100, 45, 92, 1);
         .button.bg-purple-100:hover { background-color: var(--bg-purple-70); }
         .button.text-purple-100:hover { color: var(--text-purple-100); }
          --bg-purple-90: rgba(100, 45, 92, 0.9);
          --text-purple-90: rgba(100, 45, 92, 0.9);
          --border-purple-90: rgba(100, 45, 92, 0.9);
          --bg-purple-80: rgba(100, 45, 92, 0.8);
          --text-purple-80: rgba(100, 45, 92, 0.8);
          --border-purple-80: rgba(100, 45, 92, 0.8);
          --bg-purple-70: rgba(100, 45, 92, 0.7);
          --text-purple-70: rgba(100, 45, 92, 0.7);
          --border-purple-70: rgba(100, 45, 92, 0.7);
          --bg-purple-60: rgba(100, 45, 92, 0.6);
          --text-purple-60: rgba(100, 45, 92, 0.6);
          --border-purple-60: rgba(100, 45, 92, 0.6);
          --bg-purple-50: rgba(100, 45, 92, 0.5);
          --text-purple-50: rgba(100, 45, 92, 0.5);
          --border-purple-50: rgba(100, 45, 92, 0.5);
          --bg-purple-40: rgba(100, 45, 92, 0.4);
          --text-purple-40: rgba(100, 45, 92, 0.4);
          --border-purple-40: rgba(100, 45, 92, 0.4);
          --bg-purple-30: rgba(100, 45, 92, 0.3);
          --text-purple-30: rgba(100, 45, 92, 0.3);
          --border-purple-30: rgba(100, 45, 92, 0.3);
          --bg-purple-20: rgba(100, 45, 92, 0.2);
          --text-purple-20: rgba(100, 45, 92, 0.2);
          --border-purple-20: rgba(100, 45, 92, 0.2);
          --bg-purple-10: rgba(100, 45, 92, 0.1);
          --text-purple-10: rgba(100, 45, 92, 0.1);
          --border-purple-10: rgba(100, 45, 92, 0.1);
          --bg-white-100: rgba(255, 255, 255, 1);
          --text-white-100: rgba(255, 255, 255, 1);
          --border-white-100: rgba(255, 255, 255, 1);
         .button.bg-white-100:hover { background-color: var(--bg-white-70); }
         .button.text-white-100:hover { color: var(--text-white-100); }
          --bg-white-90: rgba(255, 255, 255, 0.9);
          --text-white-90: rgba(255, 255, 255, 0.9);
          --border-white-90: rgba(255, 255, 255, 0.9);
          --bg-white-80: rgba(255, 255, 255, 0.8);
          --text-white-80: rgba(255, 255, 255, 0.8);
          --border-white-80: rgba(255, 255, 255, 0.8);
          --bg-white-70: rgba(255, 255, 255, 0.7);
          --text-white-70: rgba(255, 255, 255, 0.7);
          --border-white-70: rgba(255, 255, 255, 0.7);
          --bg-white-60: rgba(255, 255, 255, 0.6);
          --text-white-60: rgba(255, 255, 255, 0.6);
          --border-white-60: rgba(255, 255, 255, 0.6);
          --bg-white-50: rgba(255, 255, 255, 0.5);
          --text-white-50: rgba(255, 255, 255, 0.5);
          --border-white-50: rgba(255, 255, 255, 0.5);
          --bg-white-40: rgba(255, 255, 255, 0.4);
          --text-white-40: rgba(255, 255, 255, 0.4);
          --border-white-40: rgba(255, 255, 255, 0.4);
          --bg-white-30: rgba(255, 255, 255, 0.3);
          --text-white-30: rgba(255, 255, 255, 0.3);
          --border-white-30: rgba(255, 255, 255, 0.3);
          --bg-white-20: rgba(255, 255, 255, 0.2);
          --text-white-20: rgba(255, 255, 255, 0.2);
          --border-white-20: rgba(255, 255, 255, 0.2);
          --bg-white-10: rgba(255, 255, 255, 0.1);
          --text-white-10: rgba(255, 255, 255, 0.1);
          --border-white-10: rgba(255, 255, 255, 0.1);
}

        /* black Colour selection */
         .bg-black-100 { background-color: var(--bg-black-100); }
         .text-black-100 { color: var(--text-black-100); }
         .border-black-100 { border-color: var(--border-black-100); }
         .bg-black-90 { background-color: var(--bg-black-90); }
         .text-black-90 { color: var(--text-black-90); }
         .border-black-90 { border-color: var(--border-black-90); }
         .bg-black-80 { background-color: var(--bg-black-80); }
         .text-black-80 { color: var(--text-black-80); }
         .border-black-80 { border-color: var(--border-black-80); }
         .bg-black-70 { background-color: var(--bg-black-70); }
         .text-black-70 { color: var(--text-black-70); }
         .border-black-70 { border-color: var(--border-black-70); }
         .bg-black-60 { background-color: var(--bg-black-60); }
         .text-black-60 { color: var(--text-black-60); }
         .border-black-60 { border-color: var(--border-black-60); }
         .bg-black-50 { background-color: var(--bg-black-50); }
         .text-black-50 { color: var(--text-black-50); }
         .border-black-50 { border-color: var(--border-black-50); }
         .bg-black-40 { background-color: var(--bg-black-40); }
         .text-black-40 { color: var(--text-black-40); }
         .border-black-40 { border-color: var(--border-black-40); }
         .bg-black-30 { background-color: var(--bg-black-30); }
         .text-black-30 { color: var(--text-black-30); }
         .border-black-30 { border-color: var(--border-black-30); }
         .bg-black-20 { background-color: var(--bg-black-20); }
         .text-black-20 { color: var(--text-black-20); }
         .border-black-20 { border-color: var(--border-black-20); }
         .bg-black-10 { background-color: var(--bg-black-10); }
         .text-black-10 { color: var(--text-black-10); }
         .border-black-10 { border-color: var(--border-black-10); }
        /* green Colour selection */
         .bg-green-100 { background-color: var(--bg-green-100); }
         .text-green-100 { color: var(--text-green-100); }
         .border-green-100 { border-color: var(--border-green-100); }
         .bg-green-90 { background-color: var(--bg-green-90); }
         .text-green-90 { color: var(--text-green-90); }
         .border-green-90 { border-color: var(--border-green-90); }
         .bg-green-80 { background-color: var(--bg-green-80); }
         .text-green-80 { color: var(--text-green-80); }
         .border-green-80 { border-color: var(--border-green-80); }
         .bg-green-70 { background-color: var(--bg-green-70); }
         .text-green-70 { color: var(--text-green-70); }
         .border-green-70 { border-color: var(--border-green-70); }
         .bg-green-60 { background-color: var(--bg-green-60); }
         .text-green-60 { color: var(--text-green-60); }
         .border-green-60 { border-color: var(--border-green-60); }
         .bg-green-50 { background-color: var(--bg-green-50); }
         .text-green-50 { color: var(--text-green-50); }
         .border-green-50 { border-color: var(--border-green-50); }
         .bg-green-40 { background-color: var(--bg-green-40); }
         .text-green-40 { color: var(--text-green-40); }
         .border-green-40 { border-color: var(--border-green-40); }
         .bg-green-30 { background-color: var(--bg-green-30); }
         .text-green-30 { color: var(--text-green-30); }
         .border-green-30 { border-color: var(--border-green-30); }
         .bg-green-20 { background-color: var(--bg-green-20); }
         .text-green-20 { color: var(--text-green-20); }
         .border-green-20 { border-color: var(--border-green-20); }
         .bg-green-10 { background-color: var(--bg-green-10); }
         .text-green-10 { color: var(--text-green-10); }
         .border-green-10 { border-color: var(--border-green-10); }
        /* grey Colour selection */
         .bg-grey-100 { background-color: var(--bg-grey-100); }
         .text-grey-100 { color: var(--text-grey-100); }
         .border-grey-100 { border-color: var(--border-grey-100); }
         .bg-grey-90 { background-color: var(--bg-grey-90); }
         .text-grey-90 { color: var(--text-grey-90); }
         .border-grey-90 { border-color: var(--border-grey-90); }
         .bg-grey-80 { background-color: var(--bg-grey-80); }
         .text-grey-80 { color: var(--text-grey-80); }
         .border-grey-80 { border-color: var(--border-grey-80); }
         .bg-grey-70 { background-color: var(--bg-grey-70); }
         .text-grey-70 { color: var(--text-grey-70); }
         .border-grey-70 { border-color: var(--border-grey-70); }
         .bg-grey-60 { background-color: var(--bg-grey-60); }
         .text-grey-60 { color: var(--text-grey-60); }
         .border-grey-60 { border-color: var(--border-grey-60); }
         .bg-grey-50 { background-color: var(--bg-grey-50); }
         .text-grey-50 { color: var(--text-grey-50); }
         .border-grey-50 { border-color: var(--border-grey-50); }
         .bg-grey-40 { background-color: var(--bg-grey-40); }
         .text-grey-40 { color: var(--text-grey-40); }
         .border-grey-40 { border-color: var(--border-grey-40); }
         .bg-grey-30 { background-color: var(--bg-grey-30); }
         .text-grey-30 { color: var(--text-grey-30); }
         .border-grey-30 { border-color: var(--border-grey-30); }
         .bg-grey-20 { background-color: var(--bg-grey-20); }
         .text-grey-20 { color: var(--text-grey-20); }
         .border-grey-20 { border-color: var(--border-grey-20); }
         .bg-grey-10 { background-color: var(--bg-grey-10); }
         .text-grey-10 { color: var(--text-grey-10); }
         .border-grey-10 { border-color: var(--border-grey-10); }
        /* grey-light Colour selection */
         .bg-grey-light-100 { background-color: var(--bg-grey-light-100); }
         .text-grey-light-100 { color: var(--text-grey-light-100); }
         .border-grey-light-100 { border-color: var(--border-grey-light-100); }
         .bg-grey-light-90 { background-color: var(--bg-grey-light-90); }
         .text-grey-light-90 { color: var(--text-grey-light-90); }
         .border-grey-light-90 { border-color: var(--border-grey-light-90); }
         .bg-grey-light-80 { background-color: var(--bg-grey-light-80); }
         .text-grey-light-80 { color: var(--text-grey-light-80); }
         .border-grey-light-80 { border-color: var(--border-grey-light-80); }
         .bg-grey-light-70 { background-color: var(--bg-grey-light-70); }
         .text-grey-light-70 { color: var(--text-grey-light-70); }
         .border-grey-light-70 { border-color: var(--border-grey-light-70); }
         .bg-grey-light-60 { background-color: var(--bg-grey-light-60); }
         .text-grey-light-60 { color: var(--text-grey-light-60); }
         .border-grey-light-60 { border-color: var(--border-grey-light-60); }
         .bg-grey-light-50 { background-color: var(--bg-grey-light-50); }
         .text-grey-light-50 { color: var(--text-grey-light-50); }
         .border-grey-light-50 { border-color: var(--border-grey-light-50); }
         .bg-grey-light-40 { background-color: var(--bg-grey-light-40); }
         .text-grey-light-40 { color: var(--text-grey-light-40); }
         .border-grey-light-40 { border-color: var(--border-grey-light-40); }
         .bg-grey-light-30 { background-color: var(--bg-grey-light-30); }
         .text-grey-light-30 { color: var(--text-grey-light-30); }
         .border-grey-light-30 { border-color: var(--border-grey-light-30); }
         .bg-grey-light-20 { background-color: var(--bg-grey-light-20); }
         .text-grey-light-20 { color: var(--text-grey-light-20); }
         .border-grey-light-20 { border-color: var(--border-grey-light-20); }
         .bg-grey-light-10 { background-color: var(--bg-grey-light-10); }
         .text-grey-light-10 { color: var(--text-grey-light-10); }
         .border-grey-light-10 { border-color: var(--border-grey-light-10); }
        /* navy Colour selection */
         .bg-navy-100 { background-color: var(--bg-navy-100); }
         .text-navy-100 { color: var(--text-navy-100); }
         .border-navy-100 { border-color: var(--border-navy-100); }
         .bg-navy-90 { background-color: var(--bg-navy-90); }
         .text-navy-90 { color: var(--text-navy-90); }
         .border-navy-90 { border-color: var(--border-navy-90); }
         .bg-navy-80 { background-color: var(--bg-navy-80); }
         .text-navy-80 { color: var(--text-navy-80); }
         .border-navy-80 { border-color: var(--border-navy-80); }
         .bg-navy-70 { background-color: var(--bg-navy-70); }
         .text-navy-70 { color: var(--text-navy-70); }
         .border-navy-70 { border-color: var(--border-navy-70); }
         .bg-navy-60 { background-color: var(--bg-navy-60); }
         .text-navy-60 { color: var(--text-navy-60); }
         .border-navy-60 { border-color: var(--border-navy-60); }
         .bg-navy-50 { background-color: var(--bg-navy-50); }
         .text-navy-50 { color: var(--text-navy-50); }
         .border-navy-50 { border-color: var(--border-navy-50); }
         .bg-navy-40 { background-color: var(--bg-navy-40); }
         .text-navy-40 { color: var(--text-navy-40); }
         .border-navy-40 { border-color: var(--border-navy-40); }
         .bg-navy-30 { background-color: var(--bg-navy-30); }
         .text-navy-30 { color: var(--text-navy-30); }
         .border-navy-30 { border-color: var(--border-navy-30); }
         .bg-navy-20 { background-color: var(--bg-navy-20); }
         .text-navy-20 { color: var(--text-navy-20); }
         .border-navy-20 { border-color: var(--border-navy-20); }
         .bg-navy-10 { background-color: var(--bg-navy-10); }
         .text-navy-10 { color: var(--text-navy-10); }
         .border-navy-10 { border-color: var(--border-navy-10); }
        /* orange Colour selection */
         .bg-orange-100 { background-color: var(--bg-orange-100); }
         .text-orange-100 { color: var(--text-orange-100); }
         .border-orange-100 { border-color: var(--border-orange-100); }
         .bg-orange-90 { background-color: var(--bg-orange-90); }
         .text-orange-90 { color: var(--text-orange-90); }
         .border-orange-90 { border-color: var(--border-orange-90); }
         .bg-orange-80 { background-color: var(--bg-orange-80); }
         .text-orange-80 { color: var(--text-orange-80); }
         .border-orange-80 { border-color: var(--border-orange-80); }
         .bg-orange-70 { background-color: var(--bg-orange-70); }
         .text-orange-70 { color: var(--text-orange-70); }
         .border-orange-70 { border-color: var(--border-orange-70); }
         .bg-orange-60 { background-color: var(--bg-orange-60); }
         .text-orange-60 { color: var(--text-orange-60); }
         .border-orange-60 { border-color: var(--border-orange-60); }
         .bg-orange-50 { background-color: var(--bg-orange-50); }
         .text-orange-50 { color: var(--text-orange-50); }
         .border-orange-50 { border-color: var(--border-orange-50); }
         .bg-orange-40 { background-color: var(--bg-orange-40); }
         .text-orange-40 { color: var(--text-orange-40); }
         .border-orange-40 { border-color: var(--border-orange-40); }
         .bg-orange-30 { background-color: var(--bg-orange-30); }
         .text-orange-30 { color: var(--text-orange-30); }
         .border-orange-30 { border-color: var(--border-orange-30); }
         .bg-orange-20 { background-color: var(--bg-orange-20); }
         .text-orange-20 { color: var(--text-orange-20); }
         .border-orange-20 { border-color: var(--border-orange-20); }
         .bg-orange-10 { background-color: var(--bg-orange-10); }
         .text-orange-10 { color: var(--text-orange-10); }
         .border-orange-10 { border-color: var(--border-orange-10); }
        /* purple Colour selection */
         .bg-purple-100 { background-color: var(--bg-purple-100); }
         .text-purple-100 { color: var(--text-purple-100); }
         .border-purple-100 { border-color: var(--border-purple-100); }
         .bg-purple-90 { background-color: var(--bg-purple-90); }
         .text-purple-90 { color: var(--text-purple-90); }
         .border-purple-90 { border-color: var(--border-purple-90); }
         .bg-purple-80 { background-color: var(--bg-purple-80); }
         .text-purple-80 { color: var(--text-purple-80); }
         .border-purple-80 { border-color: var(--border-purple-80); }
         .bg-purple-70 { background-color: var(--bg-purple-70); }
         .text-purple-70 { color: var(--text-purple-70); }
         .border-purple-70 { border-color: var(--border-purple-70); }
         .bg-purple-60 { background-color: var(--bg-purple-60); }
         .text-purple-60 { color: var(--text-purple-60); }
         .border-purple-60 { border-color: var(--border-purple-60); }
         .bg-purple-50 { background-color: var(--bg-purple-50); }
         .text-purple-50 { color: var(--text-purple-50); }
         .border-purple-50 { border-color: var(--border-purple-50); }
         .bg-purple-40 { background-color: var(--bg-purple-40); }
         .text-purple-40 { color: var(--text-purple-40); }
         .border-purple-40 { border-color: var(--border-purple-40); }
         .bg-purple-30 { background-color: var(--bg-purple-30); }
         .text-purple-30 { color: var(--text-purple-30); }
         .border-purple-30 { border-color: var(--border-purple-30); }
         .bg-purple-20 { background-color: var(--bg-purple-20); }
         .text-purple-20 { color: var(--text-purple-20); }
         .border-purple-20 { border-color: var(--border-purple-20); }
         .bg-purple-10 { background-color: var(--bg-purple-10); }
         .text-purple-10 { color: var(--text-purple-10); }
         .border-purple-10 { border-color: var(--border-purple-10); }
        /* white Colour selection */
         .bg-white-100 { background-color: var(--bg-white-100); }
         .text-white-100 { color: var(--text-white-100); }
         .border-white-100 { border-color: var(--border-white-100); }
         .bg-white-90 { background-color: var(--bg-white-90); }
         .text-white-90 { color: var(--text-white-90); }
         .border-white-90 { border-color: var(--border-white-90); }
         .bg-white-80 { background-color: var(--bg-white-80); }
         .text-white-80 { color: var(--text-white-80); }
         .border-white-80 { border-color: var(--border-white-80); }
         .bg-white-70 { background-color: var(--bg-white-70); }
         .text-white-70 { color: var(--text-white-70); }
         .border-white-70 { border-color: var(--border-white-70); }
         .bg-white-60 { background-color: var(--bg-white-60); }
         .text-white-60 { color: var(--text-white-60); }
         .border-white-60 { border-color: var(--border-white-60); }
         .bg-white-50 { background-color: var(--bg-white-50); }
         .text-white-50 { color: var(--text-white-50); }
         .border-white-50 { border-color: var(--border-white-50); }
         .bg-white-40 { background-color: var(--bg-white-40); }
         .text-white-40 { color: var(--text-white-40); }
         .border-white-40 { border-color: var(--border-white-40); }
         .bg-white-30 { background-color: var(--bg-white-30); }
         .text-white-30 { color: var(--text-white-30); }
         .border-white-30 { border-color: var(--border-white-30); }
         .bg-white-20 { background-color: var(--bg-white-20); }
         .text-white-20 { color: var(--text-white-20); }
         .border-white-20 { border-color: var(--border-white-20); }
         .bg-white-10 { background-color: var(--bg-white-10); }
         .text-white-10 { color: var(--text-white-10); }
         .border-white-10 { border-color: var(--border-white-10); }