/*
Theme Name:     Gp-child
Theme URI:      
Description:    Generatepress child theme.
Author:         Me
Author URI:     
Template:       generatepress
Version:        0.1.0
*/
:root {
  --color-primary: #2f6f3e;
  --color-primary-hover: #255a32;
  --color-bg: #f7f7f2;
  --color-text: #222222;
  --color-button-text: #FFF;
  --color-border: #d9dfd4;
  --font-body: 'Inter', sans-serif;
  --font-headings: 'Cormorant Garamond', serif;
  /* picked from pic */

  --color-primary: #426e68;
  --color-primary-hover: #284742;
  --color-bg: #f9d0ae;
  --color-text: #23242d;
  --color-button-text: #FFF;
  --color-border: #bcd2be;
  --font-body: 'Inter', sans-serif;
  --font-headings: 'Cormorant Garamond', serif
}

body {
  font-family: var(--font-body);
  background-color: var(--color-bg);
  color: var(--color-text);
}

h1, h2, h3, h4, h5, h6,
.site-logo,
.main-title,
.entry-title {
  font-family: var(--font-headings);
}

a {
  color: var(--color-primary);
}

a:hover {
  color: var(--color-primary-hover);
}

.main-navigation .main-nav ul li a {
  color: var(--color-text);
  font-family: var(--font-body);
}

.main-navigation .main-nav ul li a:hover,
.main-navigation .main-nav ul li.current-menu-item > a,
.main-navigation .main-nav ul li.current_page_item > a {
  color: var(--color-primary);
}

button,
input[type="submit"],
.wp-block-button__link {
  background: var(--color-primary);
  color: var(--color-button-text);
  border: none;
  border-radius: 8px;
}

input[type="text"],
input[type="email"],
textarea,
select {
  border: 1px solid var(--color-border);
  border-radius: 8px;
}