/* Module identity — brand first (Khasif, 6 Nov 2026, Brand Foundation v3.0).
   ~90% shared brand: every button, active tab/chip, link and focus ring is Reach Us charcoal (warm gold in dark mode).
   ~10% module signature: a muted earth tone from the same warm family as the gold, used ONLY for the thin line at the
   top of the page, section-heading underlines, the metric icon tint and card edges — never buttons or text blocks.
   Every signature is ≥ 3:1 on the page in both modes (tests/identity.mjs). setPage() sets #page-content[data-module]. */
#page-content { --mod-accent: #373435; --mod-accent-ink: #fff; --mod-gold: #a67c3d; --mod-sig: #373435;
  --mod-tint: color-mix(in srgb, var(--mod-sig) 7%, #fff); }
#page-content[data-module="exec"]    { --mod-sig: #9a7438; } /* brand gold */
#page-content[data-module="crm"]     { --mod-sig: #4f6b8a; } /* slate blue */
#page-content[data-module="members"] { --mod-sig: #66754a; } /* olive */
#page-content[data-module="spaces"]  { --mod-sig: #4b7570; } /* sea-stone */
#page-content[data-module="finance"] { --mod-sig: #6b645d; } /* graphite */
#page-content[data-module="ops"]     { --mod-sig: #a35d3c; } /* terracotta */
#page-content[data-module="hr"]      { --mod-sig: #7a5a72; } /* muted plum */
#page-content[data-module="core"]    { --mod-sig: #373435; } /* charcoal */
/* Dark mode: controls turn warm gold with dark ink; signatures lighten within the same family. */
.app-shell[data-mode="dark"] #page-content { --mod-accent: #d4b06a; --mod-accent-ink: #1a1814; --mod-gold: #d4b06a;
  --mod-tint: color-mix(in srgb, var(--mod-sig) 14%, var(--theme-base, #101513)); }
.app-shell[data-mode="dark"] #page-content[data-module="exec"]    { --mod-sig: #d4b06a; }
.app-shell[data-mode="dark"] #page-content[data-module="crm"]     { --mod-sig: #9fb4cc; }
.app-shell[data-mode="dark"] #page-content[data-module="members"] { --mod-sig: #b3bf8f; }
.app-shell[data-mode="dark"] #page-content[data-module="spaces"]  { --mod-sig: #93bdb6; }
.app-shell[data-mode="dark"] #page-content[data-module="finance"] { --mod-sig: #bdb5ab; }
.app-shell[data-mode="dark"] #page-content[data-module="ops"]     { --mod-sig: #dca283; }
.app-shell[data-mode="dark"] #page-content[data-module="hr"]      { --mod-sig: #c4a6bb; }
.app-shell[data-mode="dark"] #page-content[data-module="core"]    { --mod-sig: #e8e2d6; }

/* Brand controls — identical in every module. */
#page-content .button-primary { background: var(--mod-accent); border-color: var(--mod-accent); color: var(--mod-accent-ink); }
#page-content .filter-chip.active, .app-shell[data-mode="dark"] #page-content .filter-chip.active { background: var(--mod-accent); border-color: var(--mod-accent); color: var(--mod-accent-ink); }
#page-content a:not(.button) { color: var(--mod-accent); }
#page-content :focus-visible { outline-color: var(--mod-gold); }
/* Module signature — the only places it shows. */
#page-content { border-top: 3px solid var(--mod-sig); }
#page-content .metric-icon { background: var(--mod-tint); color: var(--mod-sig); }
#page-content .panel-heading h2 { box-shadow: inset 0 -2px 0 var(--mod-sig); padding-bottom: 2px; display: inline-block; }