/* Minion theme for samuel.zone — tokens from the Minion project's docs/design.md ("Colour"):
   one ink on one ground, colour means state, system monospace, no radius / shadow / gradient / glow. */
:root {
  --bg: #121314; --panel: #191A1C; --ink: #E6E5DF; --ink-2: #A6A59E; --ink-3: #6B6A64; --hair: #303134;
  --run: #4CC27A; --wait: #E0A23A; --fault: #EF6A55;
  --mono: ui-monospace, "Cascadia Mono", Consolas, monospace;
  color-scheme: dark;
}
html, body { background: var(--bg) !important; color: var(--ink) !important; font-family: var(--mono) !important; font-variant-numeric: tabular-nums; }
body, .header, .footer, .menu, .submenu, .button, .code-toolbar, input, button, select, textarea { font-family: var(--mono) !important; }
* { border-radius: 0 !important; box-shadow: none !important; text-shadow: none !important; }

/* chrome */
.header { background: var(--panel) !important; border-bottom: 1px solid var(--hair); }
.header a, .menu a, .footer a, .logo, .logo a, .logo__mark, .logo__text { color: var(--ink) !important; }
.logo__mark { background: transparent !important; }
.header a:hover, .menu a:hover, .footer a:hover { color: var(--ink-2) !important; }
.submenu, .menu__inner { background: var(--panel) !important; border-color: var(--hair) !important; }
.footer, .footer__inner, .copyright { color: var(--ink-2) !important; border-top: 1px solid var(--hair); }
.theme-toggle, .theme-toggler { display: none !important; }

/* text */
h1, h2, h3, h4, h5, h6, .post-title, .post-title a, .post-title a:hover, .post-title a:focus { color: var(--ink) !important; }
a, a:focus { color: var(--ink) !important; text-decoration: underline; text-underline-offset: .18em; }
a:hover { color: var(--ink-2) !important; }
.post-meta, .post-meta time, .post-reading-time, .post-date, .post-tags, .post-tags a { color: var(--ink-2) !important; }
blockquote { border-left: 4px solid var(--ink-2) !important; color: var(--ink-2) !important; background: transparent !important; }
hr { border: 0; border-top: 1px solid var(--hair) !important; }
::selection { background: var(--ink); color: var(--bg); }
:focus-visible { outline: 3px solid var(--ink) !important; outline-offset: 2px; }

/* code */
code { color: var(--ink) !important; background: var(--panel) !important; border: 1px solid var(--hair); }
pre, .highlight pre, .chroma { background: var(--panel) !important; border: 1px solid var(--hair) !important; }
pre code { background: transparent !important; border: 0; }
.code-toolbar { color: var(--ink-2) !important; }

/* tables, tags, buttons: 1 px outline; selection inverts */
table, th, td { border-color: var(--hair) !important; }
th { background: var(--panel) !important; color: var(--ink) !important; }
.tag, .tags a, .categories a, .taxonomy a, .button, .button-container a, .pagination a {
  color: var(--ink) !important; border: 1px solid var(--ink-3) !important; background: transparent !important; text-decoration: none;
}
.tags a:hover, .button:hover, .button-container a:hover, .pagination a:hover { border-color: var(--ink) !important; background: var(--hair) !important; }