/*
Theme Name: tvarit
Description: Tvarit WordPress Theme
Author: ultrabold
Author URI: https://ultrabold.com
Version: 0.4.0
Text Domain: theme
*/

@import url("https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap");

:root {
  --base-color-text: #000000;
  --base-color-text-invert: #FFFFFF;
  --base-color-accent: #CC6666;
  --base-color-light: #BBBBBB;
  --base-color-background: #EEEEEE;
  --base-color-background-accent: #BFC4D6;
  --base-font-family: "Noto Sans", sans-serif;
  --base-font-weight: normal;
  --base-line-height: 1.6;
  --base-font-size: 18px;
  --base-font-size-small: 0.8em;
  --base-font-size-medium: 1.666666666667em; /*30px*/
  /*rosa: #ED1B4A40;*/

  --base-headings-color: #112266;
  --base-headings-font-family: "Segoe UI", sans-serif;
  --base-headings-font-weight: normal;
  --base-headings-line-height: 1.25;
  --base-headings-font-size-1: 65px;
  --base-headings-font-size-2: 40px;
  --base-headings-font-size-3: 25px;
  --base-headings-font-size-4: 25px; /*custom*/

  --base-layout-width: 1800px;
  --base-content-width: 1800px;
  --base-offset: 48px; /*custom*/
  --base-offset-vertical: 110px;
  --base-space: 24px;
  --base-gap: var(--base-space);

  --header-height: 160px;
  --header-offset: var(--base-offset);
  --header-background: var(--base-color-background);
  --header-color: var(--base-headings-color);
  --header-color-accent: var(--base-color-text);
}

@media (min-width: 1000px) and (max-width: 1999px) {
  :root {
    --base-layout-width: 78vw;
    --base-content-width: 78vw;
  }
}

@media (max-width: 999px) {
}

@media (max-width: 781px) {
  :root {
    --base-font-size: 14px;
    --base-font-size-medium: 24px; /*1.714285em*/
    --base-headings-font-size-1: 24px;
    --base-headings-font-size-2: 18px;
    --base-headings-font-size-3: 18px; /*custom*/
    --base-headings-font-size-4: 18px; /*custom*/
  }
}

@media (max-width: 599px) {
}