@font-face {
  font-family: "Mona Sans";
  src: url("../fonts/mona-sans-vf.woff2") format("woff2");
  font-weight: 200 900;
  font-display: swap;
}

:root {
  --fonts-proportional: "Mona Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  --carbon-name-font: var(--fonts-proportional);
}

html[data-theme="github-light-type-small"] {
  --cpl0-logo-filter: none;
  --cpl0-hairline: rgb(31 35 40 / 0.35);
  --cpl0-underline: #afb7c0;
  --color-primary: #1f2328;
  --color-primary-contrast: #ffffff;
  --color-primary-dark-1: #16191d;
  --color-primary-dark-2: #0d0f12;
  --color-primary-dark-3: #000000;
  --color-primary-dark-4: #000000;
  --color-primary-dark-5: #000000;
  --color-primary-dark-6: #000000;
  --color-primary-dark-7: #000000;
  --color-primary-light-1: #3a4048;
  --color-primary-light-2: #59636e;
  --color-primary-light-3: #818b98;
  --color-primary-light-4: #afb7c0;
  --color-primary-light-5: #d1d9e0;
  --color-primary-light-6: #e6eaee;
  --color-primary-light-7: #f6f8fa;
  --color-primary-alpha-10: #1f232819;
  --color-primary-alpha-20: #1f232833;
  --color-primary-alpha-30: #1f23284b;
  --color-primary-alpha-40: #1f232866;
  --color-primary-alpha-50: #1f232880;
  --color-primary-alpha-60: #1f232899;
  --color-primary-alpha-70: #1f2328b3;
  --color-primary-alpha-80: #1f2328cc;
  --color-primary-alpha-90: #1f2328e1;
  --color-primary-hover: #000000;
  --color-primary-active: #000000;
  --color-accent: #1f2328;
  --color-logo: #1f2328;
  --color-small-accent: #e6eaee;
  --color-syntax-link: #1f2328;
  --color-reaction-hover-bg: #1f232819;
  --color-reaction-active-bg: #1f232833;
  --color-nav-bg: #ffffff;
  --color-secondary-nav-bg: #ffffff;
  --color-nav-hover-bg: #f2f4f6;
  --color-box-header: #f6f8fa;
}

body {
  -webkit-font-smoothing: antialiased;
}

::selection {
  background: var(--color-primary-alpha-20);
}

:where(a, button, input, select, textarea, [tabindex]):focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
}

#navbar {
  background: var(--color-nav-bg);
  border-bottom: 1px solid var(--color-secondary);
}

#navbar-logo img.cpl0-navbar-logo {
  width: auto;
  height: 32px;
  filter: var(--cpl0-logo-filter);
}

#navbar .item {
  font-weight: 500;
}

.ui.primary.button,
.ui.primary.buttons .button {
  background: var(--color-primary);
  border: 1px solid var(--color-primary);
  color: var(--color-primary-contrast);
  font-weight: 600;
}

.ui.primary.button:hover,
.ui.primary.buttons .button:hover,
.ui.primary.button:focus,
.ui.primary.buttons .button:focus {
  background: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
  color: var(--color-primary-contrast);
}

.ui.basic.button,
.ui.basic.buttons .button {
  font-weight: 500;
}

.ui.form input:focus,
.ui.form textarea:focus,
.ui.form select:focus,
.ui.input input:focus {
  border-color: var(--color-primary) !important;
  box-shadow: inset 0 0 0 1px var(--color-primary);
}

.ui.secondary.pointing.menu .active.item,
.ui.secondary.pointing.menu .active.item:hover {
  border-color: var(--color-primary);
}

.markup a,
.markup a:hover {
  color: var(--color-text);
  text-decoration: underline;
  text-decoration-color: var(--cpl0-underline);
  text-underline-offset: 0.18em;
}

.markup a:hover {
  text-decoration-color: var(--color-text);
}

.markup h1,
.markup h2,
.markup h3,
.ui.header.page-header,
.page-content h1,
.page-content > .ui.container > h2.ui.header,
.flex-item-title > a,
#profile-avatar-card .profile-avatar-name .header,
#profile-avatar-card .profile-avatar-name .username,
.org-header .org-title,
.ui.header.page-title {
  font-weight: 650;
  letter-spacing: -0.015em;
}

.repo-header .flex-item-title > a {
  font-size: 1.15rem;
}

#profile-avatar-card .profile-avatar-name .header {
  display: block;
  font-size: 1.875rem;
  font-weight: 700;
  line-height: 1.25;
  color: var(--color-text);
}

#profile-avatar-card .profile-avatar-name .username {
  display: block;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  color: var(--color-text-light-2);
}

#profile-avatar-card .profile-avatar-name .header + .username {
  margin-top: 4px;
}

.repository .repo-header,
.repository .secondary-nav {
  background: var(--color-body);
}

.full.height {
  padding-bottom: 32px;
}