/* ==========================================================
   New GSKC — Dark Theme v1 (very dark gray, not black)
   Paste at END of: /new/assets/css/style.css
   ========================================================== */

:root{
  --bg: #0d0f13;          /* page background */
  --panel: #121622;       /* cards/panels */
  --panel-2: #0f131d;     /* secondary panels */
  --border: #232a3b;      /* borders */
  --text: #e9eef6;        /* main text */
  --muted: #a7b1c2;       /* muted text */
  --link: #7cb7ff;        /* links */
  --link-hover: #a8d1ff;  /* link hover */
  --accent: #9be39b;      /* green accent */
  --accent-2: #ff4d01;    /* orange accent */
  --shadow: 0 10px 30px rgba(0,0,0,.45);
}

html, body{
  background: var(--bg) !important;
  color: var(--text) !important;
}

a{ color: var(--link); }
a:hover{ color: var(--link-hover); }

hr{ border-color: var(--border); }

/* Make all default containers look consistent */
.list,
.card,
.box,
.pnode,
.item,
.ped-wrap,
.gridPhotos a{
  background: var(--panel) !important;
  border: 1px solid var(--border) !important;
  box-shadow: var(--shadow);
}

/* Secondary / empty nodes */
.pnode[data-hasnode="0"]{
  background: var(--panel-2) !important;
  color: #7f8aa0 !important;
}

/* Labels + muted text */
.muted,
.k,
.psub,
.sub{
  color: var(--muted) !important;
}

/* Value text */
.v,
.pname,
h1,h2,h3,h4,h5{
  color: var(--text) !important;
}

/* Pedigree connector lines */
.ped-svg line{
  stroke: #3a435a !important;
}

/* Inputs / buttons (search pages, admin tools, etc) */
input, select, textarea{
  background: var(--panel-2) !important;
  border: 1px solid var(--border) !important;
  color: var(--text) !important;
}

button, .btn, a.btn{
  background: #1a2233 !important;
  border: 1px solid var(--border) !important;
  color: var(--text) !important;
  border-radius: 10px;
}

button:hover, .btn:hover, a.btn:hover{
  background: #222c41 !important;
}

/* Tables */
table{ border-color: var(--border) !important; }
th, td{
  border-color: var(--border) !important;
  color: var(--text) !important;
}
th{ background: #111827 !important; }