/* ==========================================================================
   elx.css  ·  EpilepsyLive 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 violet (primary #7C3AED, umbrella bar #5B21B6).
   Dark theme keeps the existing lavender so both themes agree.
   Contrast checked: white on primary 5.7:1, white on bar 9.0:1, links 7.1:1
   (all pass WCAG AA).
   ========================================================================== */

:root{
  --primary:#7C3AED;      /* buttons, selected states, gene nodes */
  --primary-ink:#6D28D9;  /* links and text on light backgrounds */
  --primary-lt:#A78BFA;   /* lighter accents */
  --primary-soft:#EDE9FE; /* soft lavender wash for chips and hovers */
}

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

/* 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:#5B21B6}
.elx-tab.elx-on{background:#fff;color:#5B21B6}

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

/* ==========================================================================
   Site-wide "under construction" notice
   --------------------------------------------------------------------------
   Small fixed badge, shown on every page that links this file. It does not
   take a full bar and never blocks clicks (pointer-events:none). Delete this
   whole block when the site leaves preview.
   ========================================================================== */
body::before{
  content:"Under construction";
  position:fixed; z-index:9998; right:14px; bottom:14px;
  background:#5B21B6; 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;
}