/* Evergreen theme for git.egtw.org (Forgejo 17).
   Colors are the LFG / Realm Engine Forgejo palette
   (realm-engine-ops-seed/infra/forgejo-theme/custom/public/assets/realm-engine/realm-theme.css),
   applied as a standalone theme on top of forgejo-dark. Layout stays Forgejo's.
   Served from $GITEA_CUSTOM/public/assets/css/theme-egtw.css; selected by [ui] DEFAULT_THEME=egtw. */
@import url("./theme-forgejo-dark.css");

:root {
  /* Slate-teal neutral scale replacing forgejo-dark's steel; every --color-* that
     forgejo-dark derives from --steel-* follows it. */
  --steel-900: #07121b;
  --steel-850: #0b1925;
  --steel-800: #0e1b27;
  --steel-750: #122230;
  --steel-700: #142432;
  --steel-650: #182a38;
  --steel-600: #1c3442;
  --steel-550: #2a4354;
  --steel-500: #365264;
  --steel-450: #4b6877;
  --steel-400: #5b788c;
  --steel-350: #6f8c9b;
  --steel-300: #819ba5;
  --steel-250: #8fa9b0;
  --steel-200: #a8c0c3;
  --steel-150: #c5dcdc;
  --steel-100: #e8f7f5;

  --color-primary: #2dd4bf;
  --color-primary-contrast: #06131b;
  --color-primary-dark-1: #5eead4;
  --color-primary-dark-2: #99f6e4;
  --color-primary-dark-3: #99f6e4;
  --color-primary-dark-4: #ccfbf1;
  --color-primary-light-1: #14b8a6;
  --color-primary-light-2: #0d9488;
  --color-primary-light-3: #0f766e;
  --color-primary-light-4: #115e59;
  --color-primary-light-5: #134e4a;
  --color-primary-light-6: #134e4a;
  --color-primary-light-7: #0b3b38;
  --color-primary-alpha-10: #2dd4bf19;
  --color-primary-alpha-20: #2dd4bf33;
  --color-primary-alpha-30: #2dd4bf4d;
  --color-primary-alpha-40: #2dd4bf66;
  --color-primary-alpha-50: #2dd4bf80;
  --color-primary-alpha-60: #2dd4bf99;
  --color-primary-alpha-70: #2dd4bfb3;
  --color-primary-alpha-80: #2dd4bfcc;
  --color-primary-alpha-90: #2dd4bfe1;
  --color-primary-hover: #5eead4;
  --color-primary-active: #14b8a6;
  --color-accent: #5eead4;
  --color-small-accent: #134e4a;
  --color-highlight-fg: #99f6e4;

  --color-body: #08121b;
  --color-box-header: #122230;
  --color-box-body: #0e1b27;
  --color-box-body-highlight: #182a38;
  --color-card: #0e1b27;
  --color-secondary: #2a4354;
  --color-secondary-bg: #142432;
  --color-secondary-nav-bg: #0a1b28;
  --color-header-wrapper: #0d2330;
  --color-header-wrapper-transparent: #0d233000;
  --color-nav-bg: #0b1925;
  --color-nav-hover-bg: #17313c;
  --color-footer: #07121b;
  --color-menu: #10202d;
  --color-hover: #194451;
  --color-active: #17313c;
  --color-button: #153240;
  --color-label-bg: #183c48;
  --color-label-hover-bg: #1c4b57;
  --color-label-active-bg: #205060;
  --color-code-bg: #0d202c;
  --color-markup-code-block: #0d202c;
  --color-markup-code-inline: #123642;
  --color-timeline: #294954;
  --color-input-background: #10212f;
  --color-input-toggle-background: #10212f;
  --color-input-border: #385165;
  --color-input-border-hover: #5b788c;
  --color-text: #e8f7f5;
  --color-text-light: #a8c0c3;
  --color-text-light-1: #a8c0c3;
  --color-text-light-2: #8fa9b0;
  --color-text-light-3: #819ba5;
  --color-light-border: #5eead42b;
  --color-selection-bg: #2dd4bf;
  --color-selection-fg: #06131b;
}

/* Navbar: the LFG accent rule under the bar, and the Evergreen wordmark beside the tree. */
#navbar {
  border-bottom: 2px solid #2dd4bf80;
}
#navbar-logo::after {
  content: "Evergreen";
  margin-left: .5rem;
  color: #e8f7f5;
  font-weight: 700;
  font-size: 1.1rem;
  letter-spacing: .01em;
  white-space: nowrap;
}

.ui.segment,
.ui.attached.segment,
.ui.attached.header {
  border-color: #365264;
}

.ui.primary.button,
.ui.green.button {
  background: #2dd4bf;
  border-color: #8df3e3;
  color: #04161a;
}
.ui.primary.button:hover,
.ui.green.button:hover {
  background: #5eead4;
  color: #04161a;
}

input:focus-visible,
textarea:focus-visible {
  outline: 2px solid #7cfbe7;
}