:root {
  --uob-black: #000;
  --uob-white: #fff;

  --uob-gray: var(--uob-gray-500);
  --uob-gray-100: #f8f9fa;
  --uob-gray-200: #e9ecef;
  --uob-gray-300: #dee2e6;
  --uob-gray-400: #ced4da;
  --uob-gray-500: #adb5bd;
  --uob-gray-600: #6c757d;
  --uob-gray-700: #495057;
  --uob-gray-800: #343a40;
  --uob-gray-900: #212529;

  --uob-blue: var(--uob-blue-500);
  --uob-blue-100: #cfe2ff;
  --uob-blue-200: #9ec5fe;
  --uob-blue-300: #6ea8fe;
  --uob-blue-400: #3d8bfd;
  --uob-blue-500: #0d6efd;
  --uob-blue-600: #0a58ca;
  --uob-blue-700: #084298;
  --uob-blue-800: #062c65;
  --uob-blue-900: #031633;

  --uob-cyan: var(--uob-cyan-500);
  --uob-cyan-100: #cff4fc;
  --uob-cyan-200: #9eeaf9;
  --uob-cyan-300: #6edff6;
  --uob-cyan-400: #3dd5f3;
  --uob-cyan-500: #0dcaf0;
  --uob-cyan-600: #0aa2c0;
  --uob-cyan-700: #087990;
  --uob-cyan-800: #055160;
  --uob-cyan-900: #032830;

  --uob-indigo: var(--uob-indigo-500);
  --uob-indigo-100: #e0cffc;
  --uob-indigo-200: #c29ffa;
  --uob-indigo-300: #a370f7;
  --uob-indigo-400: #8540f5;
  --uob-indigo-500: #6610f2;
  --uob-indigo-600: #520dc2;
  --uob-indigo-700: #3d0a91;
  --uob-indigo-800: #290661;
  --uob-indigo-900: #140330;

  --uob-purple: var(--uob-purple-500);
  --uob-purple-100: #e2d9f3;
  --uob-purple-200: #c5b3e6;
  --uob-purple-300: #a98eda;
  --uob-purple-400: #8c68cd;
  --uob-purple-500: #6f42c1;
  --uob-purple-600: #59359a;
  --uob-purple-700: #432874;
  --uob-purple-800: #2c1a4d;
  --uob-purple-900: #160d27;

  --uob-pink: var(--uob-pink-500);
  --uob-pink-100: #f7d6e6;
  --uob-pink-200: #efadce;
  --uob-pink-300: #e685b5;
  --uob-pink-400: #de5c9d;
  --uob-pink-500: #d63384;
  --uob-pink-600: #ab296a;
  --uob-pink-700: #801f4f;
  --uob-pink-800: #561435;
  --uob-pink-900: #2b0a1a;

  --uob-red: var(--uob-red-500);
  --uob-red-100: #f8d7da;
  --uob-red-200: #f1aeb5;
  --uob-red-300: #ea868f;
  --uob-red-400: #e35d6a;
  --uob-red-500: #dc3545;
  --uob-red-600: #b02a37;
  --uob-red-700: #842029;
  --uob-red-800: #58151c;
  --uob-red-900: #2c0b0e;

  --uob-orange: var(--uob-orange-500);
  --uob-orange-100: #ffe5d0;
  --uob-orange-200: #fecba1;
  --uob-orange-300: #feb272;
  --uob-orange-400: #fd9843;
  --uob-orange-500: #fd7e14;
  --uob-orange-600: #ca6510;
  --uob-orange-700: #984c0c;
  --uob-orange-800: #653208;
  --uob-orange-900: #331904;

  --uob-yellow: var(--uob-yellow-500);
  --uob-yellow-100: #fff3cd;
  --uob-yellow-200: #ffe69c;
  --uob-yellow-300: #ffda6a;
  --uob-yellow-400: #ffcd39;
  --uob-yellow-500: #ffc107;
  --uob-yellow-600: #cc9a06;
  --uob-yellow-700: #997404;
  --uob-yellow-800: #664d03;
  --uob-yellow-900: #332701;

  --uob-green: var(--uob-green-500);
  --uob-green-100: #d1e7dd;
  --uob-green-200: #a3cfbb;
  --uob-green-300: #75b798;
  --uob-green-400: #479f76;
  --uob-green-500: #198754;
  --uob-green-600: #146c43;
  --uob-green-700: #0f5132;
  --uob-green-800: #0a3622;
  --uob-green-900: #051b11;

  --uob-teal: var(--uob-teal-500);
  --uob-teal-100: #d2f4ea;
  --uob-teal-200: #a6e9d5;
  --uob-teal-300: #79dfc1;
  --uob-teal-400: #4dd4ac;
  --uob-teal-500: #20c997;
  --uob-teal-600: #1aa179;
  --uob-teal-700: #13795b;
  --uob-teal-800: #0d503c;
  --uob-teal-900: #06281e;

  --uob-primary: var(--uob-blue);
  --uob-on-primary: var(--uob-white);

  --uob-secondary: var(--uob-gray);
  --uob-on-secondary: var(--uob-white);

  --uob-success: var(--uob-green);
  --uob-on-success: var(--uob-white);

  --uob-danger: var(--uob-red);
  --uob-on-danger: var(--uob-white);

  --uob-warning: var(--uob-yellow);
  --uob-on-warning: var(--uob-black);

  --uob-info: var(--uob-cyan);
  --uob-on-info: var(--uob-black);

  --uob-light: var(--uob-gray-100);
  --uob-on-light: var(--uob-black);

  --uob-dark: var(--uob-gray-900);
  --uob-on-dark: var(--uob-white);
}