:root {
  --color-dominant:   #f1f2f3;
  --color-secondary:  #3e4a5b;
  --color-accent:     #8b7b64;
  --text-on-dominant: #3e4a5b;
  --text-on-secondary:#ffffff;
  --text-on-accent:   #000000;
}

/* ── Base ── */
html, body,
.bg-zinc-950 { background-color: var(--color-dominant) !important; }

/* ── Surfaces ── */
.bg-zinc-900 { background-color: #e6e7e9 !important; }
.bg-zinc-800 { background-color: #dadbe0 !important; }
.bg-zinc-700 { background-color: #cdd0d4 !important; }

/* ── Text ── */
.text-white,
.text-gray-300,
.text-zinc-300 { color: var(--text-on-dominant) !important; }
.text-zinc-400  { color: #5a6778 !important; }
.text-zinc-500  { color: #788696 !important; }
.text-zinc-600  { color: #96a3ae !important; }

/* ── Borders ── */
.border-zinc-800 { border-color: #c4c6ca !important; }
.border-zinc-700 { border-color: #b8babe !important; }

/* ── Hover backgrounds ── */
.hover\:bg-zinc-800:hover { background-color: #d4d5d9 !important; }
.hover\:bg-zinc-700:hover { background-color: #c8cacf !important; }
.hover\:text-white:hover  { color: var(--color-secondary) !important; }

/* ── Accent colour (replaces blue-400/500) ── */
.hover\:text-blue-400:hover       { color: var(--color-accent) !important; }
.hover\:border-blue-500:hover     { border-color: var(--color-accent) !important; }
.group:hover .group-hover\:text-blue-400 { color: var(--color-accent) !important; }
.group:hover .group-hover\:bg-blue-900   { background-color: rgba(139,123,100,.18) !important; }

/* ── text-gradient (index.html hero headings) ── */
.text-gradient {
  background: linear-gradient(45deg, var(--color-secondary), var(--color-accent)) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
}

/* ── Photography lightbox – keep dark overlay ── */
#lightbox { background: rgba(0,0,0,.92) !important; }
.thumb-wrap { background: #dadbe0 !important; }