/* One configurable accent; artwork keeps its own original colours.
   Set publication.json → accentTheme. /preview/accents.html compares them. */
:root, [data-accent="cobalt"] {
  --accent: #2954d0;
  --accent-soft: #e8edfb;
  --accent-on-dark: #aac2ff;
  --accent-ink: #ffffff;
}
[data-accent="violet"] {
  --accent: #7040ad;
  --accent-soft: #eee7f7;
  --accent-on-dark: #d2b8f5;
  --accent-ink: #ffffff;
}
[data-accent="vermilion"] {
  --accent: #b54228;
  --accent-soft: #fae9e1;
  --accent-on-dark: #ffb59d;
  --accent-ink: #ffffff;
}
::selection { background: var(--accent); color: var(--accent-ink); }
:where(a,button,input,select,textarea,summary):focus-visible { outline: 2px solid var(--accent); outline-offset: 5px; }
:where(.mission,.invitation-section) :where(a,button,summary):focus-visible { outline-color: var(--accent-on-dark); }
.theme-art svg { display: block; width: 100%; height: 100%; }
.accent-fill { fill: var(--accent); }
.accent-stroke { stroke: var(--accent); }
.working-notice { margin-block: 25px; border-left: 3px solid var(--accent); padding: 18px; font-size: 14px; line-height: 1.6; background: var(--accent-soft); }
.working-notice a { text-decoration: underline; }