/* Maple Circuit. Primary scale replaces Forgejo orange on controls that use the theme tokens. */
:root {
  --color-primary: #d8141e;
  --color-primary-contrast: #ffffff;
  --color-primary-dark-1: #d8141e;
  --color-primary-dark-2: #b01119;
  --color-primary-dark-3: #b01119;
  --color-primary-dark-4: #840d13;
  --color-primary-dark-5: #840d13;
  --color-primary-dark-6: #840d13;
  --color-primary-dark-7: #840d13;
  --color-primary-light-1: #e02e37;
  --color-primary-light-2: #e7575e;
  --color-primary-light-3: #ee8186;
  --color-primary-light-4: #f4aaae;
  --color-primary-light-5: #f9d4d6;
  --color-primary-light-6: #fcebec;
  --color-primary-light-7: #fef7f7;
  --color-primary-alpha-10: #d8141e19;
  --color-primary-alpha-20: #d8141e33;
  --color-primary-alpha-30: #d8141e4b;
  --color-primary-alpha-40: #d8141e66;
  --color-primary-alpha-50: #d8141e80;
  --color-primary-alpha-60: #d8141e99;
  --color-primary-alpha-70: #d8141eb3;
  --color-primary-alpha-80: #d8141ecc;
  --color-primary-alpha-90: #d8141ee1;
  --color-primary-hover: var(--color-primary-dark-2);
  --color-primary-active: var(--color-primary-dark-4);
  accent-color: #d8141e;
}

.ui.primary.button,
.ui.primary.buttons .button {
  background-color: #d8141e;
  color: #fff;
}

.ui.primary.button:hover,
.ui.primary.button:focus,
.ui.primary.buttons .button:hover,
.ui.primary.buttons .button:focus {
  background-color: #b01119;
  color: #fff;
}

.page-content.home .gn-lockup {
  display: block;
  width: min(100%, 22rem);
  height: auto;
  margin: 3rem auto 0.75rem;
}

.page-content.home .gn-lockup-dark {
  display: none;
}

html[data-theme="forgejo-dark"] .page-content.home .gn-lockup-light,
html[data-theme="gitea-dark"] .page-content.home .gn-lockup-light {
  display: none;
}

html[data-theme="forgejo-dark"] .page-content.home .gn-lockup-dark,
html[data-theme="gitea-dark"] .page-content.home .gn-lockup-dark {
  display: block;
}

@media (prefers-color-scheme: dark) {
  html[data-theme="forgejo-auto"] .page-content.home .gn-lockup-light,
  html[data-theme="gitea-auto"] .page-content.home .gn-lockup-light {
    display: none;
  }

  html[data-theme="forgejo-auto"] .page-content.home .gn-lockup-dark,
  html[data-theme="gitea-auto"] .page-content.home .gn-lockup-dark {
    display: block;
  }
}

.page-content.home .gn-docs {
  margin: 1.5rem auto 0;
  font-size: 0.95rem;
  color: var(--color-text-light-1);
}

.page-content.home .gn-actions {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin-top: 2rem;
}