/* Inter Esse palette and typography for the Socrates interface.
   The central SVG, map controls, legend, and timeline keep their existing rules. */
@font-face {
  font-family: "Inter Esse";
  src: url("assets/inter-variable.woff2") format("woff2");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}

:root {
  --ie-navy: #102936;
  --ie-ink: #1b2c34;
  --ie-muted: #59656a;
  --ie-gold: #ad8248;
  --ie-surface: #f7f7f4;
  --ie-line: #dfdfd9;
  --ie-fiche: #eef3f5;
  --ie-fiche-line: #d0dce1;
}

body { color: var(--ie-ink); background: #fff; }
.site-header, .workspace, .detail-page, .floating-inspector, .relation-guide {
  font-family: "Inter Esse", Arial, sans-serif;
}
/* The SVG previously inherited an unbundled Inter fallback. Preserve that rendering. */
#map { font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }

a, .depth-navigation a, .detail-link, .back-link { color: var(--ie-navy); }
a:hover, .depth-navigation a:hover, .detail-link:hover { color: #76521f; }
:is(button, select, input, textarea, a, summary):focus-visible {
  outline: 3px solid var(--ie-gold);
  outline-offset: 3px;
}

.site-header { border-bottom-color: var(--ie-line); box-shadow: 0 4px 18px #1029360a; }
.brand, .title-row h1, .detail-page h1 { color: var(--ie-navy); }
.brand-mark, .eyebrow { color: var(--ie-gold); }
.brand small, .title-row p, .detail-intro, .layer-note { color: var(--ie-muted); }
.title-row h1 em { font-family: "Inter Esse", Arial, sans-serif; color: var(--ie-muted); }
.dossier-nav a { color: var(--ie-ink); }
.dossier-nav a:hover { background: var(--ie-surface); }
.dossier-nav a[aria-current="page"] { color: var(--ie-navy); background: var(--ie-fiche); }

.scope-card, .advanced[open], .filter-drawer[open] {
  color: var(--ie-ink); background: var(--ie-surface); border-color: var(--ie-line);
}
.scope-card span, .advanced p, .filter-drawer { color: var(--ie-muted); }
.control-bar { background: var(--ie-surface); border-color: var(--ie-line); }
.control-bar label, .filter-drawer-controls label { color: var(--ie-muted); }
.control-bar select, .filter-drawer-controls select {
  color: var(--ie-ink); background: #fff; border-color: var(--ie-line);
}
.control-bar > button, #clear-focus, .depth-navigation button, .scene-open {
  color: var(--ie-navy); background: #fff; border-color: var(--ie-line);
}
.control-bar > button:hover, #clear-focus:hover, .depth-navigation button:hover, .scene-open:hover {
  background: var(--ie-fiche);
}
.control-bar > button[aria-pressed="true"] { color: #fff; background: var(--ie-navy); border-color: var(--ie-navy); }

.issue-rail, .side-section, .patterns, .comparison, .accessible-list, .detail-panel {
  border-color: var(--ie-line);
}
.issue-heading h2, .side-section h2, .detail-panel h2, .inspector h3,
.patterns h2, .comparison h2, .accessible-list summary { color: var(--ie-navy); }
.issue-heading p, .side-section p, .inspector p, .patterns p, .comparison p,
.detail-panel > p, .detail-panel details p, .detail-context { color: var(--ie-muted); }
.seven-i-section, .detail-panel details { border-color: var(--ie-line); }
.seven-i-section summary, .seven-i-name strong, .detail-panel summary { color: var(--ie-navy); }
.seven-i-number { background: var(--ie-fiche); color: var(--ie-navy); }
.issue-card, .pattern-row, .comparison-grid article, .detail-side {
  color: var(--ie-ink); background: var(--ie-fiche); border-color: var(--ie-fiche-line);
}
.issue-card:hover, .issue-card.selected, .pattern-row:hover, .pattern-row[aria-pressed="true"] {
  background: #e2ebef; border-color: #9fb6c0;
}
.issue-card strong, .pattern-row strong, .detail-side h3, .detail-findings h3,
.detail-relations strong, .detail-index li { color: var(--ie-navy); }
.issue-card small, .issue-card span, .pattern-row small, .detail-side small,
.detail-relations p, .detail-findings p, .detail-index p { color: var(--ie-muted); }
.status-badge.verschil { color: var(--ie-navy); background: var(--ie-fiche); }
.inspect-links button, .comparison button, .accessible-list button, .charge-list button {
  color: var(--ie-navy); background: var(--ie-fiche); border-color: var(--ie-fiche-line);
}

/* Fiches use a much lighter tint of the site's navy blue. */
.floating-inspector, .floating-inspector.hover-inspector {
  color: var(--ie-ink); background: var(--ie-fiche); border-color: var(--ie-fiche-line);
  box-shadow: 0 16px 50px #10293626;
}
.inspector-toolbar, .hover-inspector .inspector-toolbar {
  color: var(--ie-navy); background: #e4edf0; border-bottom-color: var(--ie-fiche-line);
}
.inspector-handle, .inspector-content h3, .inspector-content h4,
.inspector-content summary, .inspector-content dt, .inspector-content dd,
.inspector-content .detail-link { color: var(--ie-navy); }
.inspector-content p, .inspector-content .sources small,
.inspector-content .quote-attribution, .fiche-relation .fiche-role { color: var(--ie-muted); }
.inspector-actions { background: #e9f0f3; border-top-color: var(--ie-fiche-line); }
.inspector-toolbar button, .inspector-actions button, .pair-endpoints button,
.fiche-relation > button, .inspector-content [data-export-pair] {
  color: var(--ie-navy); background: #fff; border-color: var(--ie-fiche-line);
}
.inspector-actions button[aria-pressed="true"] { color: #fff; background: var(--ie-navy); border-color: var(--ie-navy); }
.fiche-relation, .context-case, .pair-controls, .context-directory a {
  color: var(--ie-ink); background: #f7fafb; border-color: var(--ie-fiche-line);
}
.inspector-content blockquote { background: #f7fafb; border-left-color: var(--ie-gold); }
.floating-inspector :focus-visible { outline-color: var(--ie-gold); }

.research-nav a, .research-page label, .research-page [role="status"] { color: var(--ie-navy); }
.research-page .muted, .research-page dt, .research-sources small,
.relation-link-list p, .revision-entry time, .coverage-numbers { color: var(--ie-muted); }
.research-page input, .research-page textarea, .research-page select {
  color: var(--ie-ink); border-color: var(--ie-line); background: #fff;
}
.research-page button { color: var(--ie-navy); border-color: var(--ie-line); background: var(--ie-fiche); }
.research-page button:hover { background: #e2ebef; }
.research-page blockquote, .discovery-card { background: var(--ie-fiche); border-color: var(--ie-fiche-line); }
.research-page blockquote { border-left-color: var(--ie-gold); }
.research-page :focus-visible { outline-color: var(--ie-gold); }