:root {
  --app-primary: var(--base-primary);
  --app-primary-medium:var(--base-primary-medium);
  --app-primary-soft: var(--base-primary-soft);
  --app-secondary:var(--base-secondary) ;
  --app-secondary-medium: var(--base-secondary-medium);
  --app-secondary-soft: var(--base-secondary-soft);
  --app-bg-highlight:color-mix(in srgb, var(--base-secondary-medium) 60%, white);

--app-text:#000;
--app-bg:#fff;
--app-text-soft:#4a0101;
--app-bg-soft:ivory;
--app-text-menu:#222;
--app-bg-menu:#ccc;
--app-text-page:#17014a;
--app-bg-page:#f7f8fa;
--app-text-muted:#333;
--app-text-invert:#333;

--header-bg-image: url('/css/img/header-bgl.png');
  }
::-webkit-scrollbar-thumb{
    background-color: rgba(231, 230, 230, 0.7);
}