/* ============================================================
   fagmob-neon  —  neon pink on near-black  (dark base)
   Install: /var/lib/forgejo/custom/public/assets/css/theme-fagmob-neon.css
   Register in app.ini: [ui] THEMES = fagmob-neon,...  DEFAULT_THEME = fagmob-neon

   Inherits every token from Forgejo's shipped dark theme, then overrides
   the brand ramp + a few surfaces. The --color-primary-* ramp and
   --color-primary-alpha-* names are the stable Forgejo tokens. The surface
   names at the bottom can drift slightly between major versions — if one
   looks ignored, confirm it against the shipped theme-forgejo-dark.css.
   ============================================================ */
@import "./theme-forgejo-dark.css";

:root {
  /* ==== Canonical fagmob brand — swap these for your exact stack hexes ==== */
  --fagmob-pink:        #ff2e97;
  --fagmob-pink-bright: #ff5cb0;
  --fagmob-pink-deep:   #e01f82;
  --fagmob-cyan:        #00e5ff;  /* accent pop */

  /* ---- primary ramp -> neon pink ---- */
  --color-primary:          var(--fagmob-pink);
  --color-primary-contrast: #0a0a0f;
  --color-primary-hover:    var(--fagmob-pink-bright);
  --color-primary-active:   var(--fagmob-pink-deep);

  --color-primary-light-1:  #ff4ca4;
  --color-primary-light-2:  #ff66b2;
  --color-primary-light-3:  #ff82c1;
  --color-primary-light-4:  #ff9fd0;
  --color-primary-light-5:  #ffbbdf;
  --color-primary-light-6:  #ffd6ec;
  --color-primary-light-7:  #fff0f8;

  --color-primary-dark-1:   #ee2088;
  --color-primary-dark-2:   #d41676;
  --color-primary-dark-3:   #b11162;
  --color-primary-dark-4:   #8c0d4e;
  --color-primary-dark-5:   #66093a;
  --color-primary-dark-6:   #420625;
  --color-primary-dark-7:   #220312;

  --color-primary-alpha-30: #ff2e974d;
  --color-primary-alpha-40: #ff2e9766;
  --color-primary-alpha-50: #ff2e9780;
  --color-primary-alpha-60: #ff2e9799;
  --color-primary-alpha-70: #ff2e97b3;
  --color-primary-alpha-80: #ff2e97cc;
  --color-primary-alpha-90: #ff2e97e6;

  /* ---- accent / links ---- */
  --color-accent:       var(--fagmob-cyan);
  --color-secondary:    #1b1b27;

  /* ---- surfaces: deepen so the pink glows ---- */
  --color-body:         #0a0a0f;
  --color-box-body:     #101018;
  --color-box-header:   #15151f;
  --color-nav-bg:       #0d0d14;
  --color-nav-hover-bg: #1a1a26;
  --color-footer-bg:    #0a0a0f;
  --color-edit-border:  var(--fagmob-pink);
}

/* neon tube glow on primary buttons + cyan link hover */
.ui.primary.button,
.ui.primary.buttons .button {
  box-shadow: 0 0 0 1px var(--fagmob-pink), 0 0 12px -2px var(--fagmob-pink);
}
.ui.primary.button:hover,
.ui.primary.buttons .button:hover {
  box-shadow: 0 0 0 1px var(--fagmob-pink-bright), 0 0 16px -2px var(--fagmob-pink-bright);
}
a:hover { color: var(--fagmob-cyan); }

/* active left-nav / selected tab underline in brand pink */
.ui.secondary.pointing.menu .active.item { border-color: var(--fagmob-pink); }