/*
  light-style.css
  Warm parchment light theme for gene-alogy.net
  Loaded on top of classic-style.css and only overrides CSS variables.
  Layout, typography, and component structure are unchanged.
*/

:root {
  /* Backgrounds — warm cream / parchment */
  --bg:      #f4ebe0;
  --surf:    #ede0d2;
  --raise:   #e4d0be;
  --raise2:  #d8c0aa;

  /* Borders — warm brown tint */
  --border:  rgba(100, 60, 30, 0.14);
  --border2: rgba(100, 60, 30, 0.28);

  /* Accent trio — same hues, slightly richer for light bg readability */
  --rose:    #a85070;
  --rose2:   #c07090;
  --teal:    #3a7874;
  --teal2:   #5a9894;
  --gold:    #8a6030;
  --gold2:   #aa8050;

  /* Text — deep espresso on parchment */
  --text:    #28180c;
  --muted:   #6a5040;
  --dim:     #9a7a60;
}

/* Invert the stat block number so it stays readable */
.stat-block .n,
.counter-value,
.hm-val         { color: var(--gold); }

/* Soften the hero radial glow on light bg */
.hero-area::after {
  background: radial-gradient(circle, rgba(58,120,116,.06) 0%, transparent 65%);
}

/* Search input readable on light surface */
#ancestor-search {
  background-color: var(--bg);
  color: var(--text);
}
#ancestor-search::placeholder { color: var(--dim); }

/* Table stripes on light */
.table-striped tbody tr:nth-of-type(odd)  { background-color: var(--raise); }
.table-striped tbody tr:nth-of-type(even) { background-color: var(--surf);  }

/* Mini-header light override */
.mini-header {
  background-color: var(--surf);
  border-bottom-color: var(--border);
}