:root {
  /* Original theme name: sublime blue lagoon */
  /* Original SCSS colors:
     $theme-heading-border: none;
     $theme-subheading-border: 1px solid #ddd;
     $border-radius: 3px;

     $label-primary: #337ab8;
     $text-details: #727295;
     $theme-color: #015e8d;
     $theme-color-semi-trans: #ccc;
     $theme-button-color: #015e8d;
     $link-color: #015e8d;
     $success-color: #1e874b;
     $danger-color: #e22e1c;
     $warning-color: #9a522e;
     $info-color: #217cba;
     $site-header-color: #fff;
     $site-header-font-color: #444;
     $site-header-font-color-hover: (empty/skipped)

     $header-font-family: "prenton-display", helvetica, arial, sans-serif;
     $subheading-font-family: "jaf-domus-titling-web", helvetica, arial, sans-serif;
     $body-font-family: "helvetica neue", helvetica, arial, sans-serif;

     $h1-font-size: 50px;
     $h2-font-size: 37px;
     $h3-font-size: 28px;
     $h4-font-size: 21px;
     $h5-font-size: 16px;
     $h6-font-size: 13px;
  */

  /* Potential issues / skipped variables:
     - $site-header-font-color-hover was empty in the SCSS input and has been skipped.
     - $feature-color / --feature-color was not provided in the SCSS input and has been skipped.
     - $anchor-font-color-hover / --link-color-hover was not provided in the SCSS input and has been skipped.
  */

  --color-primary: #015e8d;
  --color-primary-100: #e6f3fa;
  --color-primary-200: #b3dff4;
  --color-primary-300: #80cbed;
  --color-primary-400: #4db7e7;
  --color-primary-500: #1aa3e0;
  --color-primary-600: #015e8d;
  --color-primary-700: #014a6f;
  --color-primary-800: #013550;
  --color-primary-900: #002132;

  --color-danger: #e22e1c;
  --color-danger-100: #fceae8;
  --color-danger-200: #f7c0bb;
  --color-danger-300: #f1978e;
  --color-danger-400: #eb6d60;
  --color-danger-500: #e64333;
  --color-danger-600: #cc2a19;
  --color-danger-700: #9f2014;
  --color-danger-800: #71170e;
  --color-danger-900: #440e08;

  --color-success: #1e874b;
  --color-success-100: #eafaf1;
  --color-success-200: #c0f1d5;
  --color-success-300: #97e8b9;
  --color-success-400: #6ddf9e;
  --color-success-500: #43d582;
  --color-success-600: #2abc68;
  --color-success-700: #209251;
  --color-success-800: #17683a;
  --color-success-900: #0e3f23;

  --color-info: #217cba;
  --color-info-100: #e9f4fb;
  --color-info-200: #bedef3;
  --color-info-300: #93c8ec;
  --color-info-400: #67b2e4;
  --color-info-500: #3c9bdc;
  --color-info-600: #2382c3;
  --color-info-700: #1b6598;
  --color-info-800: #13486c;
  --color-info-900: #0c2b41;

  --color-warning: #9a522e;
  --color-warning-100: #fbf0ea;
  --color-warning-200: #f3d4c5;
  --color-warning-300: #ebb8a0;
  --color-warning-400: #e39c7b;
  --color-warning-500: #db8056;
  --color-warning-600: #9a522e;
  --color-warning-700: #7a4124;
  --color-warning-800: #5a301a;
  --color-warning-900: #3a1f11;

  --theme-button-color: var(--color-primary);
  --text-details: #727295;
  --label-primary: #337ab8;
  --link-color: var(--color-primary);
  --site-header-color: #fff;
  --site-header-font-color: #444;
  --heading-color: #203e58;

  --border-radius: 3px;
  --h1-font-size: 50px;
  --h2-font-size: 37px;
  --h3-font-size: 28px;
  --h4-font-size: 21px;
  --h5-font-size: 16px;
  --h6-font-size: 13px;
}