:root {
  --primary-color:#0f97c7;
  --primary-50:#f3fafc;
  --primary-100:#c5e6f2;
  --primary-200:#98d2e7;
  --primary-300:#6abfdc;
  --primary-400:#3dabd2;
  --primary-500:#0f97c7;
  --primary-600:#0d80a9;
  --primary-700:#0b6a8b;
  --primary-800:#08536d;
  --primary-900:#063c50;
  --primary-color-light:#91dcf7;
  --primary-color-dark:#0e88b3;
  --primary-color-darker:#0c799f;
  --primary-color-highlight-focus-bg:rgba(15, 151, 199, 0.24);
  --primary-color-text-hover-bg:rgba(15, 151, 199, 0.04);
  --primary-color-text-active-bg:rgba(15, 151, 199, 0.16);
  --primary-color-shade-alt:#063d50;
}