/* core — page-specific overrides */
/* shared design system lives at zarlcorp.github.io/shared.css */

/* tool accent: sky */
:root { --accent: var(--sky); }

/* features window */
.landing .features {
  padding: 0.75rem 0;
}

/* links row */
.landing-links {
  text-align: center;
  padding: 0.5rem 0;
  font-size: 0.8rem;
}
.landing-links a { color: var(--overlay1); }
.landing-links a:hover { color: var(--accent); }
.landing-links .sep {
  color: var(--surface2);
  margin: 0 0.5rem;
}

/* --- docs page --- */
.docs-page {
  padding: 2rem 0 3rem;
}
.docs-page .window + .window {
  margin-top: var(--gap);
}

/* --- highlight.js catppuccin mocha theme --- */
.hljs {
  background: var(--mantle);
  color: var(--text);
  border-radius: 0.5rem;
  padding: 1rem;
}
.hljs-keyword { color: var(--mauve); }
.hljs-type { color: var(--yellow); }
.hljs-built_in { color: var(--red); }
.hljs-string { color: var(--green); }
.hljs-number { color: var(--peach); }
.hljs-comment { color: var(--overlay1); font-style: italic; }
.hljs-function,
.hljs-title { color: var(--blue); }
.hljs-params { color: var(--text); }
.hljs-literal { color: var(--peach); }
.hljs-attr { color: var(--yellow); }
.hljs-symbol { color: var(--flamingo); }
.hljs-meta { color: var(--pink); }
.hljs-punctuation { color: var(--overlay2); }