/*
Theme Name:   Mereth Child
Theme URI:    https://mereth.nl
Description:  Child theme voor Mereth — Divi gebaseerd
Author:       Mereth
Template:     Divi
Version:      1.0.0
Text Domain:  mereth-child
*/

/* ── MERETH BRAND PALET ── */
:root {
  --bg:          #0d1418;
  --bg-2:        #122027;
  --ink:         #e8ddc9;
  --ink-soft:    #b8aa92;
  --accent:      #d4a574;
  --accent-soft: #8fa896;
  --line:        rgba(232, 221, 201, 0.12);
  --c-lijnen:    #c97b6e;
  --c-vingers:   #7b9ec9;
  --c-patronen:  #c9a76e;
  --serif:       'Literata', Georgia, serif;
  --sans:        'Jost', system-ui, sans-serif;
}

/* ── TYPOGRAFIE ── */
body,
.et_pb_text,
.et_pb_module {
  font-family: 'Jost', system-ui, sans-serif;
  font-weight: 300;
  color: #e8ddc9;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, h4, h5, h6,
.et_pb_text h1,
.et_pb_text h2,
.et_pb_text h3,
.et_pb_text h4 {
  font-family: 'Literata', Georgia, serif;
  font-weight: 300;
  line-height: 1.1;
  color: #e8ddc9;
}

h1 em, h2 em, h3 em, h4 em {
  font-style: italic;
  color: #d4a574;
}

p {
  font-family: 'Jost', system-ui, sans-serif;
  font-weight: 300;
  color: #b8aa92;
  line-height: 1.9;
}

/* ── SITE ACHTERGROND ── */
body,
#page-container,
.et_pb_section {
  background-color: #0d1418;
}

/* ── DIVI KNOPPEN ── */
.et_pb_button {
  font-family: 'Jost', system-ui, sans-serif !important;
  font-weight: 500 !important;
  letter-spacing: .1em !important;
  text-transform: uppercase !important;
  border-radius: 2px !important;
  transition: background .2s, transform .15s !important;
}

.et_pb_button:hover {
  transform: translateX(3px);
}

/* ── LINKS ── */
a {
  color: #d4a574;
  transition: color .2s;
}

a:hover {
  color: #e0b580;
}

/* ── DIVI MENU ── */
#main-header,
#main-header .nav ul li a {
  font-family: 'Jost', system-ui, sans-serif;
  font-weight: 400;
  letter-spacing: .08em;
}

/* ── SMOOTH SCROLL ── */
html {
  scroll-behavior: smooth;
}

/* ── FONT SMOOTHING ── */
* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}