/*
Theme Name: fv-textil
Description: WordPress Theme
Author: plue GmbH
Author URI: https://plue.tech
Version: 1.0.0
Text Domain: theme
*/

:root {
  --base-color-text: #040404;
  --base-color-accent: #B01C45; /* #e61275 */
  --base-color-light: #a7a7a7;
  --base-color-background: #fff;
  --base-font-family: "montserrat", sans-serif;
  --base-line-height: 1.5;
  --base-font-size: clamp(14px, 1vw, 20px);
  --base-font-size-small: calc(0.8*var(--base-font-size));
  --base-font-size-medium: calc(var(--base-font-size)*1.125);
  --base-font-size-large: clamp(20px, 1.5vw, 36px);
  --base-font-size-larger: clamp(20px, 1.9vw, 40px);
  --base-space: calc(1.25*var(--base-font-size));
  --base-offset: clamp(15px, 2vw, 35px);
  --base-content-width: clamp(1050px, 60vw, 1250px);
  --base-content-width-wide: clamp(1350px, 70vw, 1350px);
  --base-layout-width: 100%;

  --header-height: clamp(160px, 11vw, 240px);
  --header-offset: var(--base-offset);
  --header-background: var(--base-color-background);
  --header-color: var(--base-color-text);
  --header-color-accent: var(--base-color-accent);
  --header-animation-time: 200ms;
}

@media (max-width: 999px) {
  :root {
    --header-height: 60px;
  }

  body.home {
    --header-height: 180px;
  }
}