/* ==========================================================================
   ndx.css  ·  NeurodegenResearchLive shared brand tokens
   --------------------------------------------------------------------------
   Single source of truth for the site colour identity. Each page links this
   file after its own inline styles, so the values here win. To recolour the
   whole site, edit this file only.

   Light theme is indigo (primary #4F46E5, umbrella bar #3730A3).
   Dark theme keeps the existing lavender so both themes agree.
   Contrast checked: white on primary and white on bar both pass WCAG AA.
   ========================================================================== */

:root{
  --primary:#4F46E5;      /* buttons, selected states, gene nodes */
  --primary-ink:#3730A3;  /* links and text on light backgrounds */
  --primary-lt:#A5B4FC;   /* lighter accents */
  --primary-soft:#EEF0FE; /* soft indigo wash for chips and hovers */
}

@media (prefers-color-scheme: dark){
  :root{
    --primary:#8B7CF6;
    --primary-ink:#B4A8FF;
    --primary-lt:#A78BFA;
    --primary-soft:#201E3D;
  }
}

/* Umbrella bar chrome. These hexes are hardcoded in each page, so they are
   restated here (not driven by the tokens above) to override them. */
.elx-bar{background:#3730A3}
.elx-tab.elx-on{background:#fff;color:#3730A3}

/* A few common hardcoded tints used across the pages, nudged to match the
   primary so borders and keyboard hints agree. Harmless if absent. */
.kbd,.chip{border-color:#C7CBF6}

/* ==========================================================================
   Optional site-wide "under construction" notice
   --------------------------------------------------------------------------
   The gene backbone is a first-pass seed and benefits from a scientific review
   before the site is publicised. If you want a small fixed preview badge on
   every page that links this file (as a reminder), uncomment the block below.
   It never blocks clicks (pointer-events:none). Remove it when the site is
   ready for a wider audience.
   ========================================================================== */
/*
body::before{
  content:"Preview";
  position:fixed; z-index:9998; right:14px; bottom:14px;
  background:#3730A3; color:#fff;
  font:600 10.5px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  letter-spacing:.06em; text-transform:uppercase;
  padding:6px 12px; border-radius:999px;
  box-shadow:0 3px 10px rgba(23,22,58,.22);
  opacity:.94; pointer-events:none;
}
*/