/*
Theme Name: Assessment
Description: Pflege-Assessment-WebApp
Author: plue
Author URI: https://plue.es
Version: 1.0.0
Text Domain: theme
*/

:root {
  --theme-color-primary: #000;
  --theme-color-accent: rgb(102, 222, 114);
  --theme-color-accent-light: rgb(112, 232, 124);;
  --theme-color-accent-dark: rgb(92, 212, 104);;
  --theme-color-dark: #333;
  --theme-color-light: #fff;
  --theme-color-grey: #eee;

  --theme-font-family: Verdana, Arial, sans-serif;
  --theme-line-height: 1.4;
  --theme-font-size: 16px;
  --theme-font-size-small: 13px;

  --theme-headings-font-family: var(--theme-font-family);
  --theme-headings-line-height: 1.25;
  --theme-headings-font-size: 28px;

  --theme-layout-spacer: 20px;
  --theme-layout-offset: 40px;
  --theme-layout-width: 1200px;
  --theme-layout-width-wide: 1300px; /*dependent to media query in stylebase container!*/

  --theme-button-padding: 0.8em 1.6em;
  --theme-button-border-width: 1px;
  --theme-button-border-radius: 3px;

  --theme-animation-time: 1s;
  --theme-transition-time: 200ms;
}

@media (max-width: 899px) {
  :root {
    --theme-layout-offset: 20px;
  }
}

@media (max-width: 599px) {
  :root {
    --theme-headings-font-size: 24px;
  }
}