/*
 * 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-feedstar-grey: #58595b;
  --color-feedstar-red: #d7172f;
  --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: var(--color-blue);
  --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-feedstar-red);
  --proxy-primary-hover: #B8132A;
}

/* TODO: Clean up primary button styling, after going live with the facelift */
:root,
.theme-default {
  /* button primary */
  --theme-button-primary-background: var(--color-feedstar-grey);
  --theme-button-primary-background-hover: var(--color-white);
  --theme-button-primary-color-hover: var(--color-feedstar-grey);
  --theme-button-primary-border: var(--color-feedstar-grey);
  --theme-button-primary-border-hover: var(--color-feedstar-grey);
}

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

.theme-dark {
  --theme-background: var(--color-gray-darkest);
  --theme-link-color: var(--color-red); /* var(--proxy-primary) erfüllt AA contrast ratio nicht. Red ist grenzwertig */
  --theme-accent-color: var(--color-red); /* var(--proxy-primary) erfüllt AA contrast ratio nicht. Red ist grenzwertig */
}

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

/* 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%);
  }
}