/*
Theme Name: Tres Andares Editora Child
Theme URI: https://tresandareseditora.com/
Description: Child theme base para Tres Andares Editora.
Author: Tres Andares Editora
Author URI: https://tresandareseditora.com/
Template: astra
Version: 1.0.0
Text Domain: tres-andares-editora-child
*/

/* Fonts */
@font-face {
  font-family: 'Libre Baskerville';
  src: url('assets/fonts/libre-baskerville/LibreBaskerville-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'PP Neue Montreal';
  src: url('assets/fonts/pp-neue-montreal/PPNeueMontreal-Book.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* Variables */
:root {
  --tae-bg: #f9f5f0;
  --tae-text: #0b0b0b;
  --tae-bordeaux: #a84756;
  --tae-gold: #f8bd56;
  --tae-blue: #9acbd4;

  --tae-font-title: 'Libre Baskerville', serif;
  --tae-font-body: 'PP Neue Montreal', sans-serif;

  --tae-h1-size: 60px;
  --tae-h1-line-height: 66px;

  --tae-h2-size: 40px;
  --tae-h2-line-height: 48px;

  --tae-h3-size: 32px;
  --tae-h3-line-height: 40px;

  --tae-h4-size: 25px;
  --tae-h4-line-height: 34px;

  --tae-h5-size: 16px;
  --tae-h5-line-height: 22px;

  --tae-body-b-size: 32px;
  --tae-body-b-line-height: 38px;

  --tae-body-c-size: 20px;
  --tae-body-c-line-height: 38px;
}

/* Base */
body {
  background: var(--tae-bg);
  color: var(--tae-text);
  font-family: var(--tae-font-body);
  font-weight: 400;
}

a {
  color: var(--tae-bordeaux);
}

a:hover,
a:focus {
  color: var(--tae-gold);
}

/* Headings */
.site-title,
.entry-title,
h1,
h2,
h3,
h4,
h5 {
  font-family: var(--tae-font-title);
  font-weight: 400;
  color: var(--tae-text);
}

h1 {
  font-size: var(--tae-h1-size);
  line-height: var(--tae-h1-line-height);
}

h2 {
  font-size: var(--tae-h2-size);
  line-height: var(--tae-h2-line-height);
}

h3 {
  font-size: var(--tae-h3-size);
  line-height: var(--tae-h3-line-height);
}

h4 {
  font-size: var(--tae-h4-size);
  line-height: var(--tae-h4-line-height);
}

h5 {
  font-size: var(--tae-h5-size);
  line-height: var(--tae-h5-line-height);
}

/* Body text */
p,
li,
span,
input,
textarea,
select {
  font-family: var(--tae-font-body);
}

/* Optional utility classes */
.tae-text-b {
  font-family: var(--tae-font-body);
  font-size: var(--tae-body-b-size);
  line-height: var(--tae-body-b-line-height);
}

.tae-text-c {
  font-family: var(--tae-font-body);
  font-size: var(--tae-body-c-size);
  line-height: var(--tae-body-c-line-height);
}

/* Buttons */
button,
input[type="button"],
input[type="submit"],
.wp-block-button__link,
.ast-button,
.button {
  font-family: var(--tae-font-title);
  font-size: var(--tae-h5-size);
  line-height: var(--tae-h5-line-height);
  font-weight: 400;
  background-color: var(--tae-bordeaux);
  border-color: var(--tae-bordeaux);
  color: #fff;
}

button:hover,
input[type="button"]:hover,
input[type="submit"]:hover,
.wp-block-button__link:hover,
.ast-button:hover,
.button:hover {
  background-color: var(--tae-text);
  border-color: var(--tae-text);
  color: #fff;
}

/* Logo */
.tae-logo-img {
  display: block;
  max-width: 320px;
  width: 100%;
  height: auto;
}

/* Responsive */
@media (max-width: 768px) {
  :root {
    --tae-h1-size: 42px;
    --tae-h1-line-height: 48px;

    --tae-h2-size: 34px;
    --tae-h2-line-height: 40px;

    --tae-h3-size: 28px;
    --tae-h3-line-height: 34px;

    --tae-h4-size: 22px;
    --tae-h4-line-height: 30px;

    --tae-body-b-size: 26px;
    --tae-body-b-line-height: 32px;

    --tae-body-c-size: 18px;
    --tae-body-c-line-height: 28px;
  }
}