:root {
  /* Colors branding */
  --cl-green-100: #19aa7d;
  --cl-green-200: #239871;
  --cl-green-300: #80b96b;
  --cl-green-400: #05463c;
  --cl-green-500: #1f3948;

  --cl-blue-green: #05463c;

  --cl-silver-100: #eee;
  --cl-silver-200: #999;
  --cl-silver-300: #aaa;

  --cl-gray-100: #666;
  --cl-gray-200: #333;
  --cl-gray-300: #686868;

  --cl-orange-100: #c7744e;
  --cl-orange-200: #e7736e;
  --cl-orange-300: #dd6831ad;

  --cl-yellow-100: #fbc634;

  --cl-blue-gray-100: #e8f1f3;

  --cl-white-smoke: #f5f5f5;
  --cl-satin-white: #ced4da;

  --cl-cruel-ruby: #dc3545;
  --cl-amber: #ffbf00;
  --cl-mamba-green: #77ae38;

  /* Theme colors */
  --tc-primary: var(--cl-blue-green);
  --tc-secondary: var(--cl-green-100);

  /* Text colors */
  --primary-text-color: var(--cl-green-500);
  --secondary-text-color: var(--cl-gray-300);

  /* Border colors */
  --primary-border-color: var(--cl-silver-300);
  --secondary-border-color: var(--cl-green-500);
}