/*
 * 8gram Labs theme for Forgejo 17
 * Dark navy-black surfaces, stark white text, bright orange accents.
 * Built on top of the stock forgejo-dark theme: only colour tokens are overridden.
 *
 * Install: <forgejo data>/gitea/public/assets/css/theme-8gramlabs.css
 * Enable:  [ui] THEMES includes 8gramlabs, DEFAULT_THEME = 8gramlabs  (see apply-theme.sh)
 */
@import "./theme-forgejo-dark.css";

gitea-theme-meta-info {
  --theme-display-name: "8gram Labs";
  --theme-color-scheme: dark;
}

:root {
  --is-dark-theme: true;

  /* ---- Brand palette (sampled from the logo) ---- */
  --brand-bg: #0e151f;
  --brand-orange: #fb6116;
  --brand-white: #f5f7fa;

  /* ---- Surfaces: steel scale pushed toward the logo's navy-black ---- */
  --steel-900: #070b10;
  --steel-850: #0a1018;
  --steel-800: #0e151f;   /* page body = logo background */
  --steel-750: #121a26;
  --steel-700: #17212e;
  --steel-650: #1d2836;
  --steel-600: #253141;
  --steel-550: #2f3c4e;
  --steel-500: #3b495c;
  --steel-450: #4c5a6e;

  --color-body: var(--steel-800);
  --color-nav-bg: var(--steel-900);
  --color-header-wrapper: var(--steel-850);
  --color-footer: var(--steel-900);
  --color-box-body: var(--steel-750);
  --color-box-header: var(--steel-700);
  --color-card: var(--steel-750);
  --color-menu: var(--steel-750);
  --color-code-bg: var(--steel-850);
  --color-markup-code-block: var(--steel-850);
  --color-markup-code-inline: var(--steel-700);
  --color-input-background: var(--steel-850);
  --color-input-border: var(--steel-550);

  /* ---- Text ---- */
  --color-text: var(--brand-white);
  --color-text-dark: #ffffff;

  /* ---- Primary accent: bright orange ----
     forgejo-dark naming: "light-N" = darker shades, "dark-N" = lighter tints. */
  --color-primary: #fb6116;
  --color-primary-contrast: #0e151f;
  --color-primary-hover: #ff7a33;
  --color-primary-active: #e5550f;
  --color-primary-dark-1: #ff7a33;
  --color-primary-dark-2: #ff8f52;
  --color-primary-dark-3: #ffa370;
  --color-primary-dark-4: #ffbb94;
  --color-primary-light-1: #ff7a33;
  --color-primary-light-2: #e5550f;
  --color-primary-light-3: #c4470b;
  --color-primary-light-4: #9c3909;
  --color-primary-light-5: #7f2f08;
  --color-primary-light-6: #5e2306;
  --color-primary-light-7: #451a04;
  --color-primary-alpha-10: #fb611619;
  --color-primary-alpha-20: #fb611633;
  --color-primary-alpha-30: #fb61164b;
  --color-primary-alpha-40: #fb611666;
  --color-primary-alpha-50: #fb611680;
  --color-primary-alpha-60: #fb611699;
  --color-primary-alpha-70: #fb6116b3;
  --color-primary-alpha-80: #fb6116cc;
  --color-primary-alpha-90: #fb6116e1;
  --color-accent: var(--color-primary);
  --color-small-accent: var(--color-primary-light-5);
  --color-highlight-bg: var(--color-primary-alpha-20);
  --color-reaction-active-bg: var(--color-primary-alpha-30);
}

/* Links in orange, white on hover */
a, .ui.breadcrumb a { color: var(--color-primary); }
a:hover, .ui.breadcrumb a:hover { color: var(--brand-white); }

/* Active tabs / menu items: orange underline + white label */
.ui.secondary.pointing.menu .active.item,
.ui.tabular.menu .active.item {
  border-color: var(--color-primary) !important;
  color: var(--brand-white) !important;
}

/* Primary buttons: solid orange, dark label for contrast */
.ui.primary.button, .ui.primary.buttons .button {
  background: var(--color-primary);
  color: var(--color-primary-contrast);
}
.ui.primary.button:hover, .ui.primary.buttons .button:hover {
  background: var(--color-primary-hover);
  color: var(--color-primary-contrast);
}

/* Repo header: make Releases + Download impossible to miss */
.repository .secondary-nav a.item[href$="/releases"],
.repository .secondary-nav a.item.brand-download-tab {
  background: var(--color-primary);
  color: var(--color-primary-contrast) !important;
  border-radius: 999px !important;
  font-weight: 700;
  margin: 0 4px 6px !important;
  padding: 6px 14px !important;
  border: none !important;
}
.repository .secondary-nav a.item[href$="/releases"] svg,
.repository .secondary-nav a.item.brand-download-tab svg { color: var(--color-primary-contrast); }
.repository .secondary-nav a.item[href$="/releases"]:hover,
.repository .secondary-nav a.item.brand-download-tab:hover { background: var(--color-primary-hover); }
.repository .secondary-nav a.item[href$="/releases"] .ui.label,
.repository .secondary-nav a.item.brand-download-tab .brand-dl-count {
  background: var(--brand-bg) !important;
  color: var(--brand-white) !important;
  margin-left: 6px;
}
.repository .secondary-nav a.item.brand-ideas-tab svg { color: var(--color-primary); }

/* Top nav: hairline orange underline like the logo split */
#navbar { border-bottom: 1px solid var(--color-primary-alpha-40); }