/* Planetary Crafts — Custom Styles */

/* Fonts */
@import url('https://fonts.googleapis.com/css2?family=Cinzel+Decorative:wght@400;700&family=Cormorant:ital,wght@0,400;0,600;1,400&display=swap');

/* Brand Variables */
:root {
  --pc-teal: #65877b;
  --pc-navy: #254559;
  --pc-sage: #B3c2b4;
  --pc-black: #101e26;
  --pc-cream: #f2dcb4;
  --font-heading: 'Cinzel Decorative', serif;
  --font-body: 'Cormorant', serif;
}

/* Base */
body {
  background-color: var(--pc-cream) !important;
  color: var(--pc-black) !important;
  font-family: var(--font-body) !important;
  font-size: 1.1rem;
}

/* Headings */
h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-heading) !important;
  color: var(--pc-navy) !important;
}

/* Navigation / Header */
header, .site-header {
  background-color: var(--pc-navy) !important;
}

/* Nav links */
header a, nav a {
  color: var(--pc-cream) !important;
}

header a:hover, nav a:hover {
  color: var(--pc-sage) !important;
}

/* Body links */
article a, main a, .content a {
  color: var(--pc-teal) !important;
}

article a:hover, main a:hover, .content a:hover {
  color: var(--pc-navy) !important;
}

/* Buttons / CTAs */
.btn, button, input[type="submit"],
a.button, .ph3.pv2 {
  background-color: var(--pc-teal) !important;
  color: var(--pc-cream) !important;
  border: none !important;
}

.btn:hover, button:hover, input[type="submit"]:hover,
a.button:hover {
  background-color: var(--pc-navy) !important;
  color: var(--pc-cream) !important;
}

/* Footer */
footer {
  background-color: var(--pc-navy) !important;
  color: var(--pc-cream) !important;
}

footer a {
  color: var(--pc-sage) !important;
}