/* ============================================================
   PTK LUXE THEME — Pro Tree of Knoxville (child theme)
   Simple, clean site-wide styling. No injected navbar/footer,
   no page-specific hacks. Loaded at v1.0.4 by functions.php.
   ============================================================ */

:root {
  --ptk-cream:    #f7f3ea;
  --ptk-ink:      #1e2b22;
  --ptk-espresso: #24442f;
  --ptk-muted:    #667268;
  --ptk-line:     #dce5dc;
  --ptk-gold:     #aa6030;

  --ptk-dark-bg:     #0e120e;
  --ptk-dark-ink:    #eef1ec;
  --ptk-dark-hi:     #ffffff;
  --ptk-dark-muted:  #a7b0a6;
  --ptk-dark-line:   rgba(255,255,255,.1);
  --ptk-dark-gold:   #d9b968;

  --ptk-font: "Cairo", "Helvetica Neue", Arial, sans-serif;
  --ptk-font-display: "Bacasime Antique", Georgia, serif;
}

html[data-theme="dark"] {
  --ptk-bg: var(--ptk-dark-bg);
  --ptk-ink: var(--ptk-dark-ink);
  --ptk-espresso: var(--ptk-dark-hi);
  --ptk-muted: var(--ptk-dark-muted);
  --ptk-line: var(--ptk-dark-line);
  --ptk-gold: var(--ptk-dark-gold);
}

html:not([data-theme="dark"]) {
  --ptk-bg: var(--ptk-cream);
  --ptk-ink: var(--ptk-ink);
  --ptk-espresso: var(--ptk-espresso);
  --ptk-muted: var(--ptk-muted);
  --ptk-line: var(--ptk-line);
  --ptk-gold: var(--ptk-gold);
}

body {
  font-family: var(--ptk-font);
  font-size: 17px;
  line-height: 1.7;
  color: var(--ptk-ink);
  background-color: var(--ptk-bg);
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--ptk-font-display);
  font-weight: 400;
  line-height: 1.15;
  color: var(--ptk-espresso);
}

h1 { font-size: clamp(2.5rem, 5.4vw, 4.3rem); }
h2 { font-size: clamp(2rem, 3.8vw, 3rem); }
h3 { font-size: 1.5rem; }
h4 { font-size: 1.25rem; }
h5, h6 { font-size: 1.1rem; }

a {
  color: var(--ptk-espresso);
}
a:hover {
  color: var(--ptk-gold);
}

button,
a.et_pb_button,
.et_pb_button {
  background-color: var(--ptk-espresso);
  color: #fff;
  font-weight: 700;
  border-radius: 10px;
  padding: 16px 42px;
  border: 0;
}
button:hover,
a.et_pb_button:hover,
.et_pb_button:hover {
  background-color: var(--ptk-gold);
  color: #fff;
}

.et_pb_gallery_caption {
  font-size: 14px;
}

table {
  border-collapse: collapse;
}
th, td {
  border: 1px solid var(--ptk-line);
  padding: 8px 12px;
}