/* 1. Configuration through LA */

:root {
  --backgr-col:#dbdbdb;
  --backgr-img:linear-gradient(to bottom right, #bc7029, #4f4f4f);
  --logo:url('/images/netzwerk/logo-1.gif');

  --pri-h: 29; /*primary hue*/
  --pri-s: 64%; /*primary saturation*/
  --pri-l: 45%; /*primary lightness*/

  --sec-h:0; /*accent or secondary color*/
  --sec-s:0%; /*accent or secondary color*/
  --sec-l:0%; /*the initial lightness*/

  --sat-p: 50%;
  --sat-s: 0%;

  --body-bcgr:#E9ECEF;
  --heading:#495057;
  --text:#343a40;
  --btn-text: black;

  /* btn + btn hover light*/
  --btn-light: #ffffff;
  --btn-light-hover: #d6dfe7;

  /* different shades of primary color */
  --color-primary: hsl(var(--pri-h),var(--pri-s),var(--pri-l));
  --color-primary-dark1: hsl(var(--pri-h),var(--pri-s),calc(var(--pri-l) - 8%));
  --color-primary-dark2: hsl(var(--pri-h),var(--pri-s),calc(var(--pri-l) - 15%));
  --color-primary-light1: hsl(var(--pri-h),var(--sat-p),calc(var(--pri-l) + 15%));
  --color-primary-light2: hsl(var(--pri-h),var(--sat-p),calc(var(--pri-l) + 20%));
  --color-primary-light3: hsl(var(--pri-h),var(--sat-p),calc(var(--pri-l) + 25%));
  --color-primary-light4: hsl(var(--pri-h),var(--sat-p),calc(var(--pri-l) + 35%));
  --color-primary-light5: hsl(var(--pri-h),var(--sat-p),calc(var(--pri-l) + 45%));
  --color-primary-light6: hsl(var(--pri-h),var(--sat-p),calc(var(--pri-l) + 55%));

  /* different shades of secondary color */
  --color-secondary: hsl(var(--sec-h),var(--sec-s),var(--sec-l));
  --color-secondary-dark1: hsl(var(--sec-h),var(--sec-s),calc(var(--sec-l) - 8%));
  --color-secondary-dark2: hsl(var(--sec-h),var(--sec-s),calc(var(--sec-l) - 15%));
  --color-secondary-light1: hsl(var(--sec-h),var(--sat-s),calc(var(--sec-l) + 8%));
  --color-secondary-light2: hsl(var(--sec-h),var(--sat-s),calc(var(--sec-l) + 16%));
  --color-secondary-light3: hsl(var(--sec-h),var(--sat-s),calc(var(--sec-l) + 23%));
  --color-secondary-light4: hsl(var(--sec-h),var(--sat-s),calc(var(--sec-l) + 30%));
  --color-secondary-light5: hsl(var(--sec-h),var(--sat-s),calc(var(--sec-l) + 40%));
  --color-secondary-light6: hsl(var(--sec-h),var(--sat-s),calc(var(--sec-l) + 55%));
}