:root {
  --psi-color-green: #2C9199;
  --psi-color-green-dark: #194d52;
  --psi-color-green-light: #59A7AC;
  --psi-color-blue: #007bff;
  --psi-color-blue-dark: #0056b3;
  --psi-color-blue-light: #eaf4f5;
  --psi-color-blue-lighter: #fafcff;
  --psi-color-indigo: #6610f2;
  --psi-color-purple: #6f42c1;
  --psi-color-pink: #d63384;
  --psi-color-red: #dc3545;
  --psi-color-orange: #fd7e14;
  --psi-color-yellow: #ffc107;
  --psi-color-teal: #20c997;
  --psi-color-cyan: #17a2b8;
  --psi-color-white: #ffffff;
  --psi-color-gray-100: #f8f9fa;
  --psi-color-gray-200: #e9ecef;
  --psi-color-gray-300: #dee2e6;
  --psi-color-gray-400: #cdcdcd;
  --psi-color-gray-500: #adb5bd;
  --psi-color-gray-600: #888888;
  --psi-color-gray-700: #495057;
  --psi-color-gray-800: #343a40;
  --psi-color-gray-900: #212529;
  --psi-color-black: #000000;
  --psi-color-primary: var(--psi-color-green);
  --psi-color-secondary: var(--psi-color-gray-900);
  --psi-color-success: var(--psi-color-green);
  --psi-color-info: var(--psi-color-cyan);
  --psi-color-warning: var(--psi-color-yellow);
  --psi-color-danger: var(--psi-color-red);
  --psi-color-light: var(--psi-color-gray-100);
  --psi-color-dark: var(--psi-color-gray-900);
}