/* DFR84 theme: sage/teal, built on top of the stock Forgejo light theme */
@import "./theme-forgejo-light.css";

gitea-theme-meta-info {
  --theme-display-name: "DFR84";
}

:root {
  --color-primary: #4f7167;
  --color-primary-contrast: #ffffff;
  --color-primary-dark-1: #49685f;
  --color-primary-dark-2: #425f57;
  --color-primary-dark-3: #3c564e;
  --color-primary-dark-4: #364d46;
  --color-primary-dark-5: #2f443e;
  --color-primary-dark-6: #293b36;
  --color-primary-dark-7: #23322d;
  --color-primary-light-1: #617f76;
  --color-primary-light-2: #728d85;
  --color-primary-light-3: #849c95;
  --color-primary-light-4: #95aaa4;
  --color-primary-light-5: #a7b8b3;
  --color-primary-light-6: #b9c6c2;
  --color-primary-light-7: #cad4d1;
  --color-primary-alpha-10: rgba(79,113,103,0.1);
  --color-primary-alpha-20: rgba(79,113,103,0.2);
  --color-primary-alpha-30: rgba(79,113,103,0.3);
  --color-primary-alpha-40: rgba(79,113,103,0.4);
  --color-primary-alpha-50: rgba(79,113,103,0.5);
  --color-primary-alpha-60: rgba(79,113,103,0.6);
  --color-primary-alpha-70: rgba(79,113,103,0.7);
  --color-primary-alpha-80: rgba(79,113,103,0.8);
  --color-primary-alpha-90: rgba(79,113,103,0.9);
  --color-primary-hover: var(--color-primary-dark-1);
  --color-primary-active: var(--color-primary-dark-2);

  --color-accent: #98c0b4;
  --color-small-accent: #d6e6e0;

  --color-body: #dbe9e4;
  --color-box-body: #eef5f2;
  --color-box-header: #cfe1da;
  --color-nav-bg: #98c0b4;
  --color-nav-hover-bg: #88b3a6;
  --color-nav-text: #1d2e29;
  --color-header-wrapper: #98c0b4;
  --color-footer: #cfe1da;
  --color-menu: #ffffff;
  --color-secondary-nav-bg: #cfe1da;
}

/* landing page: full sage, no gap under the header, whole banner visible */
.page-content.home {
  background: #98c0b4;
  margin-top: 0 !important;
  padding-top: 0 !important;
  min-height: calc(100vh - 100px);
}
.page-content.home .dfr84-hero {
  width: 100%;
  height: 60vh;
  object-fit: contain;
  display: block;
  margin: 0 auto;
}
.page-content.home h1,
.page-content.home h2 {
  color: #708e86;
}