:root {
  --c-primary:   #6e593a;
  --c-secondary: #1a1208;
  --c-light:     #f5e9c0;
  --c-white:     #ffffff;
  --c-text:      #444444;
  --c-text-muted:#666666;
  --c-bg-light:  #f8f8f8;
  --c-shadow:    0 4px 24px rgba(0,0,0,.08);
}


.color-primary   { color: var(--c-primary); }
.bg-primary      { background-color: var(--c-primary); }
.border-primary  { border-color: var(--c-primary); }

.color-secondary { color: var(--c-secondary); }
.bg-secondary    { background-color: var(--c-secondary); }

.color-light     { color: var(--c-light); }
.bg-light        { background-color: var(--c-light); }


.btn-primary {
  background-color: var(--c-primary);
  color: var(--c-white);
  border: 2px solid var(--c-primary);
  border-radius: 8px;
  padding: 12px 28px;
  font-weight: 600;
  cursor: pointer;
  transition: .2s;
}
.btn-primary:hover {
  background-color: var(--c-white);
  color: var(--c-primary);
}
.btn-outline {
  background-color: transparent;
  color: var(--c-primary);
  border: 2px solid var(--c-primary);
  border-radius: 8px;
  padding: 12px 28px;
  font-weight: 600;
  cursor: pointer;
  transition: .2s;
}
.btn-outline:hover {
  background-color: var(--c-primary);
  color: var(--c-white);
}


h1, h2, h3 { color: var(--c-secondary); }
a           { color: var(--c-primary); }
a:hover     { opacity: .85; }


.section-light { background-color: var(--c-light); }
.section-dark  { background-color: var(--c-secondary); color: var(--c-white); }

:root {
  --e-global-color-color_1: #6e593a;
  --e-global-color-color_2: #1a1208;
  --e-global-color-color_3: #f5e9c0;
}