/*
Theme Name: bzb
Text Domain: bzb
Author: Benjamin Spils
Author URI: https://benjaminspils.de/
Version: 1.0
*/

:root {
  --gap: 4rem;
  --column-gap: 2rem;
  --row-gap: 2rem;

  --color--black: #000000;
  --color--blue: #0000ff;
  --color--red: #ff0000;
  --color--magenta: #ff00ff;
  --color--green: #00ff00;
  --color--cyan: #00ffff;
  --color--violet: #8000ff;
  --color--dark-magenta: #ff0080;
  --color--light-green: #00ff80;
  --color--yellow: #ffff00;
  --color--light-blue: #0080ff;
  --color--grey: #bbb;
  --color--grey-light: #f1f1f1;
  --color--placeholder: var(--color--grey-light);

  --font--body: normal 1.4rem/1.4 'DIN', sans-serif;
  --font--h1: bold 4.5rem/1 'DIN', sans-serif;
  --font--h2: bold 2rem/1.3 'DIN', sans-serif;
  --font--h3: bold 1.4rem/1.4 'DIN', sans-serif;
  --font--h4: var(--font--h3);
  --font--h5: var(--font--h3);
  --font--h6: var(--font--h3);
  
  --font-size: 1.4rem;
  --font-size--smaller: .9rem;
  --font-size--small: 1.125rem;
  --font-size--large: 2rem;

  --line-height: 1.4;

  --spacing--small: 1rem;
  --spacing--medium: 2rem;
  --spacing--large: 4rem;
  --spacing--huge: 8rem;
}

@media screen and (max-width: 768px) {
  :root {
    --gap: 3rem;
    --font--body: normal 1.25rem/1.4 'DIN', sans-serif;
    --font--h1: bold 2.5rem/1.1 'DIN', sans-serif;
    --font-size--medium: 1.25rem;
    --spacing--large: 3rem;
    --spacing--huge: 6rem;
  }
  p {
    --wp--preset--font-size--large: 1.25rem;
  }
}