:root {
  --color-primary: #f5c518;
  --color-primary-hover: #ffd84d;
  --color-primary-active: #c99e00;
  --color-accent: #f5c518;
}

body {
  background:
    linear-gradient(rgba(245, 197, 24, 0.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(245, 197, 24, 0.025) 1px, transparent 1px),
    radial-gradient(circle at top, rgba(245, 197, 24, 0.1), transparent 34rem),
    #090806;
  background-size: 48px 48px, 48px 48px, auto, auto;
}

.page-content.home,
.page-content.explore {
  border-top: 3px solid #f5c518;
}

.ui.menu .item.brand,
.ui.header,
a {
  text-underline-offset: 0.2em;
}

.ui.header,
h1,
h2,
h3 {
  font-family: Georgia, "Times New Roman", serif !important;
  letter-spacing: -0.02em;
}

.full.height > .following.bar,
.ui.top.attached.header,
.ui.menu,
.ui.segment,
.ui.card,
.repository.file.list {
  border-color: rgba(245, 197, 24, 0.25) !important;
  border-radius: 0 !important;
}

.full.height > .following.bar {
  border-top: 4px solid #f5c518 !important;
  box-shadow: 0 1px 0 rgba(245, 197, 24, 0.22) !important;
}

.brand .logo {
  filter: sepia(1) saturate(7) hue-rotate(359deg) brightness(1.05);
}

.ui.label,
.ui.button,
input,
textarea {
  border-radius: 0 !important;
}

.ui.secondary.menu .active.item,
.ui.tabular.menu .active.item {
  border-color: #f5c518 !important;
}

.repository .repo-header::before {
  content: "MACKSIE PUBLIC FORGE · CODE IS A PORTABLE POSSESSION";
  display: block;
  width: 100%;
  margin-bottom: 1rem;
  color: #f5c518;
  font: 700 0.68rem/1.4 ui-monospace, "Courier New", monospace;
  letter-spacing: 0.12em;
}

.footer {
  border-top: 1px solid rgba(245, 197, 24, 0.25) !important;
}

.ui.primary.button,
.ui.green.button {
  color: #090909;
  background: #f5c518;
  border-color: #f5c518;
}

.ui.primary.button:hover,
.ui.green.button:hover {
  color: #090909;
  background: #ffd84d;
}

a:hover {
  color: #ffd84d;
}
