/*
Theme Name: Herman-Nohl-Schule
Text Domain: hns
Author: Benjamin Spils
Author URI: https://benjaminspils.de/
Version: 1.0
*/

:root {
  /* content width */
  --w-c: 42rem;
  --w-w: 64rem;

  /* colors */
  --ct: 15%; /* aufhellen */
  --cs: 50%; /* abdunkeln */
  --c-background: white;
  --c-text: var(--wp--preset--color--darkblue);
  --c-anchor: var(--wp--preset--color--red);
  --c-outline: var(--wp--preset--color--blue);
  --c-error: var(--wp--preset--color--red);

  /* font size */
  --fs-xs: .6rem;
  --fs-s: .8rem;
  --fs-m: 1rem;
  --fs-l: 1.2rem;
  --fs-h1: 3.5rem;
  --fs-h2: 2.5rem;
  --fs-h3: 1.2rem;
  --fs-h4: .8rem;

  /* line height */
  --lh-xs: 1.4;
  --lh-s: 1.4;
  --lh-m: 1.4;
  --lh-l: 1.4;
  --lh-h1: 1;
  --lh-h2: 1.1;
  --lh-h3: 1.2;
  --lh-h4: 1.2;

  /* spacing */
  --sp-xs: .5rem;
  --sp-s: 1rem;
  --sp-m: 2rem;
  --sp-l: 4rem;
  --sp-xl: 8rem;

  /* border, box shadow */
  --bw: 1px;
  --bs: 0px 5px 15px 0px rgba(37, 44, 97, 0.15), 0px 2px 4px 0px rgba(93, 100, 148, 0.2);
  --bs-o: 0 0 0 2px var(--c-outline);
  --bs-e: 0 0 0 2px var(--c-error);
}

@media (max-width: 780px) {
  :root {
    --w-c: calc(100vw - var(--sp-m) * 2);
    --w-w: var(--w-c);
    --fs-h1: 2.5rem;
    --fs-h2: 2rem;
    --sp-l: 3rem;
    --sp-xl: 6rem;
  }
}

@media (max-width: 480px) {
  :root {
    --sp-s: .75rem;
    --sp-m: 1.5rem;
    --sp-l: 2.5rem;
  }
}