/* kimbop font theme */

:root {
  --text: #1f2937;
  --text-muted: #6b7280;

  --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --font-mono: "SFMono-Regular", SFMono-Regular, ui-monospace, Menlo, Consolas, "Liberation Mono", monospace;

  --font-size-base: 10pt;
  --line-height-base: 1.45;
}

/* Base text */

html {
  font-size: var(--font-size-base);
}

body {
  font-family: var(--font-sans);
  color: var(--text);
  line-height: var(--line-height-base);
}

/* Headings */

h1, h2, h3, h4 {
  font-weight: 600;
  line-height: 1.2;
  padding: 0.5vw 0vw 0.5vw 9vw;
}

/* Paragraphs + lists */

ul {
  padding-left: 13vw;
}

p, li {
  margin-bottom: 0.75em;
}

/* Muted text */

small, .muted {
  color: var(--text-muted);
}

/* Links */

a {
  color: #1d4ed8;
}

a:hover {
  text-decoration: underline;
}

/* Code */

code, kbd, samp {
  font-family: var(--font-mono);
  font-size: 0.95em;
}

pre {
  font-family: var(--font-mono);
  font-size: 0.95em;
  line-height: 1.4;
}

/* Inline code subtle styling */

code {
  background: #f3f4f6;
  padding: 0.1em 0.3em;
  border-radius: 3px;
}

/* Preformatted blocks */

pre {
  background: #f3f4f6;
  padding: 10px;
  overflow-x: auto;
}

/* Emphasized */

.emph {
  font-weight: bold;
}

.desc {
  width: 50vw;
  padding: 2vw;
}

main > p {
  width: 65vw;
  padding: 0.25vw 0vw 0.25vw 12vw;
}