/* Generated content keeps GitHub's markdown structure; this file replaces its
   colours with the nomos roles and adds the second theme. */

/* Scrollbars and form controls follow the theme; without this the embedded
   page shows a light scrollbar beside a dark one in the configuration UI. */
:root { color-scheme: light; }
:root.dark { color-scheme: dark; }

body {
  background: var(--nomos-bg);
  color: var(--nomos-text);
}

h1, h2, h3, h4, h5, h6 { color: var(--nomos-text); }

/* Link text in the reading colour, only the underline carries the brand —
   the same pattern as the documentation. */
a {
  color: var(--nomos-text);
  text-decoration-line: underline;
  text-decoration-color: var(--nomos-accent);
  text-decoration-thickness: 1.5px;
  text-underline-offset: 3px;
}
a:hover { color: var(--nomos-accent); }
a.absent { color: var(--nomos-danger-text); }

code, tt {
  background: var(--nomos-bg-soft);
  color: var(--nomos-text);
  border: 1px solid var(--nomos-border);
  border-radius: var(--nomos-radius-sm);
}
pre, .highlight pre {
  background: var(--nomos-bg-soft);
  color: var(--nomos-text);
  border: 1px solid var(--nomos-line);
  border-radius: var(--nomos-radius-sm);
}
pre code, pre tt { background: transparent; border: none; }

blockquote {
  border-left: 4px solid var(--nomos-accent);
  color: var(--nomos-text-muted);
}

details {
  border-color: var(--nomos-line);
  border-radius: var(--nomos-radius-sm);
  background: var(--nomos-bg);
}
details > summary { color: var(--nomos-text); background: var(--nomos-bg-soft); }
details > summary::before { color: var(--nomos-accent); }
details[open] > summary { border-bottom-color: var(--nomos-line); }

.nomos-copy {
  color: var(--nomos-text);
  background: var(--nomos-bg);
  border-color: var(--nomos-line);
  border-radius: var(--nomos-radius-sm);
}
.nomos-copy:hover { color: var(--nomos-accent); border-color: var(--nomos-accent); }

table tr {
  background: transparent;
  border-top: 1px solid var(--nomos-line);
}
table tr:nth-child(2n) { background: var(--nomos-bg-soft); }
table tr th, table tr td { border: 1px solid var(--nomos-line); }

span.frame > span { border: 1px solid var(--nomos-line); }
span.frame span span { color: var(--nomos-text); }

hr, hr.version-separator {
  border: 0;
  border-top: 1px solid var(--nomos-line);
}

/* The legacy inline warning class and the callout block. Both carried their own
   pale red; they now use the warning role, which has a value per theme. */
.warning { color: var(--nomos-warning-text); }

.callout-warning {
  background: var(--nomos-warning-bg);
  border-color: var(--nomos-warning-border);
  border-left-color: var(--nomos-warning-text);
}
.callout-warning .callout-title { color: var(--nomos-warning-text); }

/* The release headline: date as an eyebrow above the version. */
.nomos-eyebrow {
  color: var(--nomos-accent);
  font-size: var(--nomos-fs-xs);
  font-weight: var(--nomos-fw-semibold);
  letter-spacing: 0.1em;
  text-transform: uppercase;
  margin-bottom: 2px;
}

.nomos-scroll-top {
  background: var(--nomos-bg-soft);
  color: var(--nomos-text);
  border: 1px solid var(--nomos-border);
}
.nomos-scroll-top:hover {
  background: var(--nomos-accent);
  color: var(--nomos-bg);
}