/*
Theme Name: PA-BBNE
Description: Theme for project
Author: SITEDOCK GmbH
Author URI: https://sitedock.de
Version: 1.0.0
Text Domain: theme
*/

:root {
  /* Base Sizing */
  --base-root-font-size: calc(calc(100 / 1920) * 1vw);
  --base-space: 40rem;

  /* Base Colors */
  --base-color-text: var(--theme-color-grey-5);
  --base-color-accent: var(--theme-color-red);
  --base-color-light: var(--theme-color-grey-1);
  --base-color-background: #fff;
  --base-link-color: var(--base-color-accent);
  --base-line-color: var(--theme-color-grey-5);

  /* Base Typography */
  --base-font-family: 'Merriweather';
  --base-font-weight: 400;
  --base-line-height: 1.75;
  --base-font-size: 20rem;
  --base-font-size-small: 15rem;
  --base-font-size-large: 24rem;

  /* Base Typography - Headings */
  --base-headings-color: var(--theme-color-grey-5);
  --base-headings-font-family: var(--base-font-family);
  --base-headings-font-weight: 700;
  --base-headings-line-height: 1.32;
  --base-headings-font-size-1: 38rem;
  --base-headings-font-size-2: 38rem;
  --base-headings-font-size-3: 28rem;
  --base-headings-font-size-4: 21rem;

  /* Base Layout */
  --base-layout-width: 100%;
  --base-content-width: 1440rem;
  --base-content-width-narrow: 850rem;
  --base-content-width-wide: 1730rem;
  --base-offset: 100rem;
  --base-offset-vertical: 70rem;
  --base-gap: var(--base-space);

  --theme-color-grey-1: #FAFAFA;
  --theme-color-grey-2: #D0D0D0;
  --theme-color-grey-3: #BCBCBC;
  --theme-color-grey-4: #676767;
  --theme-color-grey-5: #333333;

  --theme-color-red: #C31F33;
  --theme-color-green: #22716B;
}

@media(min-width: 1920px){
  :root {
    --base-root-font-size: 1px;
  }
}

@media(max-width: 599px){
  :root {
    --base-root-font-size: 0.6px;
  }
}