@import url("/assets/css/theme-forgejo-light.css");

@font-face {
  font-family: "DM Sans";
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("/assets/fonts/dm-sans-latin.woff2") format("woff2");
}

@font-face {
  font-family: "Outfit";
  font-style: normal;
  font-weight: 700 900;
  font-display: swap;
  src: url("/assets/fonts/outfit-latin.woff2") format("woff2");
}

:root {
  --pani-lime: #b3d33f;
  --pani-lime-dark: #536600;
  --pani-graphite: #525254;
  --pani-near-black: #121212;
  --pani-paper: #f7f7f3;
  --pani-line: #dedad5;
  --pani-card: #ffffff;

  --fonts-proportional: "DM Sans", system-ui, sans-serif;
  --color-primary: var(--pani-lime-dark);
  --color-primary-contrast: #ffffff;
  --color-primary-dark-1: #485800;
  --color-primary-dark-2: #3e4c00;
  --color-primary-dark-3: #344000;
  --color-primary-dark-4: #2b3500;
  --color-primary-dark-5: #222a00;
  --color-primary-dark-6: #1a2100;
  --color-primary-dark-7: #121700;
  --color-primary-light-1: #647a0d;
  --color-primary-light-2: #758f18;
  --color-primary-light-3: #89a525;
  --color-primary-light-4: var(--pani-lime);
  --color-primary-light-5: #ccdf83;
  --color-primary-light-6: #e7efc5;
  --color-primary-light-7: #f4f8e6;
  --color-primary-alpha-10: #53660019;
  --color-primary-alpha-20: #53660033;
  --color-primary-alpha-30: #5366004d;
  --color-primary-alpha-40: #53660066;
  --color-primary-alpha-50: #53660080;
  --color-primary-alpha-60: #53660099;
  --color-primary-alpha-70: #536600b3;
  --color-primary-alpha-80: #536600cc;
  --color-primary-alpha-90: #536600e6;
  --color-body: var(--pani-paper);
  --color-box-header: #eeece7;
  --color-box-body: var(--pani-card);
  --color-box-body-highlight: #f0f3e5;
  --color-header-wrapper: var(--pani-near-black);
  --color-header-wrapper-transparent: #12121200;
  --color-nav-bg: var(--pani-near-black);
  --color-nav-hover-bg: var(--pani-graphite);
  --color-menu: #eeece7;
  --color-card: var(--pani-card);
  --fancy-card-bg: var(--pani-card);
  --fancy-card-border: var(--pani-line);
  --color-footer: #eeece7;
  --color-input-background: #ffffff;
  --color-input-border: var(--pani-line);
  --color-input-border-hover: #aaa7a2;
  --color-button: #e6e3de;
  --color-secondary-bg: #eeece7;
  --color-code-bg: #fbfbf8;
  --color-markup-code-block: #eeece7;
  --color-markup-code-inline: #e6e3de;
  --color-active: #e6e3de;
  --color-hover: #eeece7;
  --color-accent: var(--pani-lime-dark);
  --color-small-accent: #e7efc5;
  --color-highlight-fg: var(--pani-near-black);
  --color-highlight-bg: #e7efc5;
  accent-color: var(--pani-lime-dark);
  color-scheme: light;
}

#navbar,
.ui.top.attached.header {
  border-color: var(--pani-lime) !important;
}

#navbar > .menu > .item:not(.active) {
  color: var(--pani-paper) !important;
}

#navbar > .menu > .item:not(.active):hover {
  color: var(--pani-lime) !important;
}

.ui.primary.button,
.ui.primary.buttons .button {
  background: var(--pani-lime) !important;
  color: var(--pani-near-black) !important;
}

.ui.primary.button:hover,
.ui.primary.buttons .button:hover {
  background: #a2c331 !important;
}

h1,
h2,
h3,
.ui.header:not(.tiny):not(.small) {
  font-family: "Outfit", "DM Sans", system-ui, sans-serif;
  letter-spacing: -0.015em;
}

:focus-visible {
  outline-color: var(--pani-lime-dark) !important;
}