/*
Theme Name: studiosinger
Based on: studiosinger
Author: Stefan Glöggl
Version: 1.0
*/

@import "css/reset.css";
@import "css/setup.css";
@import "css/main.css";
@import "css/textstyles.css";
@import "css/splide-core.min.css";

@font-face {
  font-family: "Inter";
  src: url("fonts/Inter-Light.eot");
  src: local("Inter Light"), local("Inter-Light"),
    url("fonts/Inter-Light.eot?#iefix") format("embedded-opentype"),
    url("fonts/Inter-Light.woff2") format("woff2"),
    url("fonts/Inter-Light.woff") format("woff"),
    url("fonts/Inter-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: "Inter";
  src: url("fonts/Inter-Regular.eot");
  src: local("Inter Regular"), local("Inter-Regular"),
    url("fonts/Inter-Regular.eot?#iefix") format("embedded-opentype"),
    url("fonts/Inter-Regular.woff2") format("woff2"),
    url("fonts/Inter-Regular.woff") format("woff"),
    url("fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: "Inter";
  src: url("fonts/Inter-Medium.eot");
  src: local("Inter Medium"), local("Inter-Medium"),
    url("fonts/Inter-Medium.eot?#iefix") format("embedded-opentype"),
    url("fonts/Inter-Medium.woff2") format("woff2"),
    url("fonts/Inter-Medium.woff") format("woff"),
    url("fonts/Inter-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: block;
}

/**
 * @license
 *
 * Font Family: General Sans
 * Designed by: Frode Helland
 * URL: https://www.fontshare.com/fonts/general-sans
 * © 2024 Indian Type Foundry
 *
 * Font Styles:
 * General Sans Regular
 * General Sans Medium
 * General Sans Semibold
 *
*/

@font-face {
  font-family: "General Sans";
  src: url("fonts/GeneralSans-Medium.eot");
  src: local("General Sans Medium"), local("GeneralSans-Medium"),
    url("fonts/GeneralSans-Medium.eot?#iefix") format("embedded-opentype"),
    url("fonts/GeneralSans-Medium.woff2") format("woff2"),
    url("fonts/GeneralSans-Medium.woff") format("woff"),
    url("fonts/GeneralSans-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: "General Sans";
  src: url("fonts/GeneralSans-Regular.eot");
  src: local("General Sans Regular"), local("GeneralSans-Regular"),
    url("fonts/GeneralSans-Regular.eot?#iefix") format("embedded-opentype"),
    url("fonts/GeneralSans-Regular.woff2") format("woff2"),
    url("fonts/GeneralSans-Regular.woff") format("woff"),
    url("fonts/GeneralSans-Regular.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: "General Sans";
  src: url("fonts/GeneralSans-Semibold.eot");
  src: local("General Sans Semibold"), local("GeneralSans-Semibold"),
    url("fonts/GeneralSans-Semibold.eot?#iefix") format("embedded-opentype"),
    url("fonts/GeneralSans-Semibold.woff2") format("woff2"),
    url("fonts/GeneralSans-Semibold.woff") format("woff"),
    url("fonts/GeneralSans-Semibold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: block;
}

:root {
  /*   --window-visible-height: 100%;
 */
  --max-width-1: 90rem;
  --max-width-2: 70rem;
  --max-width-3: 60rem;
  --max-width-4: 50rem;

  --spacing-1: 0.5rem;
  --spacing-2: 1rem;
  --spacing-3: 2rem;
  --spacing-4: 5rem;
  --spacing-5: 7.5rem;
  --spacing-6: 10rem;
  --spacing-7: 15rem;

  --padding-desktop: 2rem;
  --padding-mobile: 5%;

  --border-radius: 3rem;

  --clr-primary-1: #52c1dd;
  --clr-primary-2: #01446b;
  --clr-primary-3: #83dbf1;
  --clr-primary-4: #5dcbe7;
  --clr-primary-5: #006faf;

  --clr-grey: #f0f3f8;
  --clr-dark-grey: #666666;

  --logo-size: 15rem;

  --ff-std: "Inter", sans-serif;
  --ff-brand: "General Sans", sans-serif;

  --fs-xxxl: 4.2rem;
  --fs-xxl: 3rem;
  --fs-xl: 2.6rem;
  --fs-l: 2rem;
  --fs-m: 1.6rem;
  --fs-std: 1.125rem;
  --fs-s: 1rem;
  --fs-xs: 0.9rem;

  --fw-l: 300;
  --fw-m: 400;
  --fw-sb: 500;
  --fw-b: 600;
}

@media (max-width: 50em) {
  :root {
    --spacing-1: 0.3rem;
    --spacing-2: 0.5rem;
    --spacing-3: 1.2rem;
    --spacing-4: 3rem;
    --spacing-5: 5rem;
    --spacing-6: 6rem;
    --spacing-7: 10rem;

    --logo-size: 12rem;

    --fs-xxxl: 3.5rem;
    --fs-xxl: 2.8rem;
    --fs-xl: 2.3rem;
    --fs-l: 2.3rem;
    --fs-m: 1.4rem;
    --fs-std: 1.1rem;
    --fs-s: 1rem;
    --fs-xs: 0.8rem;
  }
}