:root{
  --sa-custom-primary-dark: #21363c;
  --sa-custom-primary-light: #f4f5f5;

  --sa-custom-primary-main: #f06a3a;
  --sa-custom-primary-alt: #02A69B;
  --sa-custom-primary-ter: #459BD9;
  --sa-custom-primary-quad: #686bcc;

  --sa-custom-primary-warn: #ffc942;
  --sa-custom-primary-error: #D8314d;
    --sa-custom-disabled-gray: #c9cfcf;

  --sa-custom-primary-main-light: #f59e7f;
  --sa-custom-primary-alt-light: #4ec1b9;
  --sa-custom-primary-ter-light: #7db9e4;
  --sa-custom-primary-ter-lighter: #e6f7ff;
  --sa-custom-primary-quad-light: #9d9fde;
  --sa-custom-primary-warn-light: #ffd771;
  --sa-custom-primary-error-light: #e46f82;
    
  --sa-custom-darkgray: #939F9F;
  --sa-custom-darkergray: #5D6E6F;
  --sa-custom-darkestgray: #2D3E3F ;
  --sa-custom-lightgray: #c9cfcf;
  --sa-custom-lightergray: #e9ecec;



  /** Additional rules to override **/
  --sa-custom-edit: var(--sa-custom-primary-alt,var(--sa-default-primary-alt));
  --sa-custom-banner-bg: var(--sa-custom-ter-lighter, var(--sa-default-ter-lighter));
  --sa-custom-banner-border: var(--sa-custom-ter, var(--sa-default-ter));
  --sa-custom-main-text: var(--sa-custom-primary-dark, var(--sa-default-primary-dark));
  --sa-custom-alt-text: var(--sa-custom-primary-light, var(--sa-default-primary-light));
  --sa-custom-main-shadows: var(--sa-custom-primary-dark, var(--sa-default-primary-dark));
  --sa-custom-background-light: var(--sa-custom-primary-light, var(--sa-default-primary-light));
  --sa-custom-background-dark: var(--sa-custom-primary-dark, var(--sa-default-primary-dark));
}