/*
 * Copyright (c) 2026 TechDivision GmbH
 * All rights reserved
 *
 * This product includes proprietary software developed at TechDivision GmbH, Germany
 * For more information see https://www.techdivision.com/
 *
 * To obtain a valid license for using this software please contact us at
 * license@techdivision.com
 */
:root {
  /* colors */
  --color-red: #ed1c24;
  --color-green: #869d67;
  --color-green-light: #f3f6ef;
  --color-green-dark: #436f45;
  --color-gray-light: #e5e5e5;
  --color-gray: #999;
  --color-gray-dark: #4c4c4c;
  --color-gray-darker: #303030;
  --color-black: #000;
  --color-white: #fff;
  --color-blue-agratec: #00529c;
  --color-blue: var(--color-blue-agratec);
  --color-orange: #f98b1f;
  --background-color: var(--color-white);
  --light-color: #eee;
  --dark-color: #ccc;
  --text-color: var(--color-black);
  --text-color-reverse: var(--color-white);

  /* Everything above this comment is DEPRECATED! Do not use for new components, but use the --theme-* vars instead */
  --proxy-primary: var(--color-blue-agratec);
}

:root,
.theme-default {
  /* button primary */
  --theme-button-primary-background: var(--proxy-primary);
  --theme-button-primary-background-hover: transparent;
  --theme-button-primary-color: var(--color-white);
  --theme-button-primary-color-hover: var(--proxy-primary);
  --theme-button-primary-border: var(--proxy-primary);
  --theme-button-primary-border-hover: var(--proxy-primary);
}

/* custom styling: invert colors of logo on mobile */
/* stylelint-disable-next-line plugin/media-query-disallowed */
@media (width < 900px) {
  header .nav-logo {
    filter: grayscale(100%) brightness(1000%)
  }
}