/* v1: the parent brand stays gold; each section owns its accents. */
:root {
  --brand-ink: #102e23;
  --brand-gold: #9b733e;
  --brand-gold-text: #896334;
  --color-vital: #678d43;
  --color-vital-text: #567939;
  --color-pro: #426652;
  --color-blog: #9f6248;
  --color-podcast: #416d92;
  --color-habi: #222522;
  --brand-accent: var(--brand-gold);
  --accent-text: var(--brand-gold-text);
  --accent-on-dark: #d9c5a2;
}
[data-brand-area="vital"], [data-color-area="vital"], .home-door--vital {
  --brand-accent: var(--color-vital);
  --accent-text: var(--color-vital-text);
  --accent-on-dark: #c5d6aa;
}
[data-brand-area="pro"], [data-color-area="pro"], .home-door--pro {
  --brand-accent: var(--color-pro);
  --accent-text: var(--color-pro);
  --accent-on-dark: #bcd1c4;
}
[data-brand-area="blog"], [data-color-area="blog"] {
  --brand-accent: var(--color-blog);
  --accent-text: var(--color-blog);
  --accent-on-dark: #e6b9a7;
}
[data-brand-area="podcast"], [data-color-area="podcast"] {
  --brand-accent: var(--color-podcast);
  --accent-text: var(--color-podcast);
  --accent-on-dark: #b5cede;
}
[data-brand-area="habi"], [data-color-area="habi"] {
  --brand-accent: var(--color-habi);
  --accent-text: var(--color-habi);
  --accent-on-dark: #e6e7e4;
}
body > header, body > footer {
  --brand-accent: var(--brand-gold);
  --accent-text: var(--brand-gold-text);
}
.brand-color-defs feFlood { flood-color: var(--brand-accent); }

/* Section words remain explicit; colour is an additional cue. */
main h1 em, main h2 em { color: var(--brand-accent); }
main .eyebrow { color: var(--accent-text); }
main .text-link { border-color: var(--brand-accent); }
main .text-link:hover,
main .door h3 a:hover,
main .related a:hover { color: var(--accent-text); }
[data-brand-area] main .button:not(.light) {
  background: var(--accent-text);
  color: #fff;
}
[data-brand-area] main .button:not(.light):hover {
  background: var(--accent-text);
  filter: brightness(.9);
}
a:focus-visible, button:focus-visible, textarea:focus-visible {
  outline-color: var(--accent-text);
}
main .band .eyebrow, main .band h2 em { color: var(--accent-on-dark); }
body[data-brand-area="habi"] main h1,
body[data-brand-area="habi"] main h2,
body[data-brand-area="habi"] .habi-quote { color: var(--color-habi); }
body[data-brand-area="habi"] main h1 em,
body[data-brand-area="habi"] main h2 em { color: var(--color-habi); }

/* Quiet navigation; only the current or hovered section carries its colour. */
header nav a[href="index.html"] { --nav-accent: var(--brand-gold-text); }
header nav a[href="personas.html"] { --nav-accent: var(--color-vital-text); }
header nav a[href="pro.html"] { --nav-accent: var(--color-pro); }
header nav a[href="blog.html"] { --nav-accent: var(--color-blog); }
header nav a[href="nomina-cero.html"] { --nav-accent: var(--color-podcast); }
header nav a[href="habi.html"] { --nav-accent: var(--color-habi); }
header nav a[aria-current], header nav a:hover {
  color: var(--nav-accent);
  border-bottom-color: var(--nav-accent);
}
header nav a:focus-visible { outline-color: var(--nav-accent); }
.topics a { color: var(--accent-text); border-color: var(--accent-text); }
.topics a:hover { background: #fff; }
.topics a:focus-visible { outline-color: var(--accent-text); }
.platform-link:hover { border-color: var(--color-podcast); }