/*
Theme Name: Schulz Systemtechnik
Text Domain: schulz
Author: Benjamin Spils
Author URI: https://benjaminspils.de/
Version: 1.2
*/

:root {
  --gap: 4rem;
  --column-gap: 2rem;
  --row-gap: 2rem;
  --border-radius--small: 4px;
  --border-radius--large: .4rem;

  --color--base: #00141d;
  --color--base-rgb: 0, 20, 30;
  --color--base-90: #002230;
  --color--base-80: #1a3845;
  --color--base-70: #4d646e;
  --color--base-50: #809198;
  --color--text: #ffffff;
  --color--red: #C90B1C;
  --color--yellow: #FFE00F;
  --color--placeholder: var(--color--base-80);
  --color--focus: rgba(255, 255, 255, .25);
  --color--error: var(--color--red);
  --color--success: #009680;

  --font--body: 300 .8rem/1.5 'Inter', sans-serif;
  --font--h1: 700 2.4rem/1 'itc-officina-sans-pro', sans-serif;
  --font--h2: var(--font--h1);
  --font--h3: 700 1rem/1 'itc-officina-sans-pro', sans-serif;
  --font--h4: 700 1.6rem/1.2 'itc-officina-sans-pro', sans-serif;
  --font--h5: 700 1rem/1.5 'itc-officina-sans-pro', sans-serif;
  --font--h6: var(--font--h5);
  --font--counter: 700 5rem/1 'itc-officina-sans-pro', sans-serif;
  
  --font-size--small: .6rem;
  --font-size--default: .8rem;
  --font-size--large: .9rem;

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

@media screen and (max-width: 768px) {
  :root {
    --gap: 2rem;
    --font--h1: 700 2rem/1 'itc-officina-sans-pro', sans-serif;
    --font--h2: 700 1.5rem/1 'itc-officina-sans-pro', sans-serif;
    --spacing--large: 2rem;
    --spacing--huge: 4.5rem;
  }
}

@media screen and (max-width: 428px) {
  :root {
    --gap: 1.5rem;
    --column-gap: 1.5rem;
    --row-gap: 1.5rem;
  }
}