/* Vice Valley Roleplay - neon synthwave theme (built on top of gitea-dark) */
@import "./theme-gitea-dark.css";

:root {
  --vv-cyan: #00f0ff;
  --vv-pink: #ff00aa;
  --vv-yellow: #fff200;
  --vv-bg: #0d0820;
  --vv-bg-2: #150d2e;
  --vv-bg-3: #1d1240;

  --color-primary: var(--vv-cyan);
  --color-primary-contrast: #05010f;
  --color-primary-dark-1: #00d6e6;
  --color-primary-dark-2: #00bccb;
  --color-primary-dark-3: #00a2b0;
  --color-primary-dark-4: #008994;
  --color-primary-dark-5: #006f78;
  --color-primary-dark-6: #00555c;
  --color-primary-dark-7: #003b40;
  --color-primary-light-1: #2af2ff;
  --color-primary-light-2: #4df4ff;
  --color-primary-light-3: #70f6ff;
  --color-primary-light-4: #94f8ff;
  --color-primary-light-5: #b8faff;
  --color-primary-light-6: #dbfdff;
  --color-primary-light-7: #f0feff;
  --color-primary-alpha-10: #00f0ff19;
  --color-primary-alpha-20: #00f0ff33;
  --color-primary-alpha-30: #00f0ff4b;
  --color-primary-alpha-40: #00f0ff66;
  --color-primary-alpha-50: #00f0ff80;
  --color-primary-alpha-60: #00f0ff99;
  --color-primary-alpha-70: #00f0ffb3;
  --color-primary-alpha-80: #00f0ffcc;
  --color-primary-alpha-90: #00f0ffe1;

  --color-body: var(--vv-bg);
  --color-box-body: var(--vv-bg-2);
  --color-box-header: var(--vv-bg-3);
  --color-nav-bg: #0a0618;
  --color-nav-hover-bg: var(--vv-bg-3);
  --color-menu: var(--vv-bg-2);
  --color-card: var(--vv-bg-2);
  --color-footer: #0a0618;
  --color-input-background: #0a0618;
  --color-secondary: #3a2a6b;
  --color-light: #00000030;
  --color-hover: #ff00aa1f;
  --color-active: #ff00aa33;
  --color-accent: var(--vv-pink);
  --color-markup-table-row: #ffffff08;
  --color-markup-code-block: #ffffff10;
  --color-text-light-1: #c9c2e6;
  --color-text-light-2: #9d94c9;
  --color-shadow: #00000080;
}

/* neon glow accents */
.navbar-left .item.active,
.ui.secondary.pointing.menu .active.item {
  border-color: var(--vv-pink) !important;
  text-shadow: 0 0 8px var(--vv-pink);
}

#navbar { border-bottom: 1px solid var(--vv-pink); box-shadow: 0 2px 18px #ff00aa55; }
#navbar .navbar-logo img, #navbar .item img { filter: drop-shadow(0 0 6px #00f0ff88); }

.ui.primary.button, .ui.primary.buttons .button {
  background: linear-gradient(90deg, var(--vv-pink), #b300ff);
  color: #fff;
  box-shadow: 0 0 12px #ff00aa66;
}
.ui.primary.button:hover { box-shadow: 0 0 20px #ff00aaaa; }

.ui.green.button, .ui.positive.button { box-shadow: 0 0 10px #00f0ff44; }

a { text-shadow: 0 0 1px currentColor; }
.ui.segment, .ui.attached.segment, .ui.card, .ui.cards > .card { border-color: #3a2a6b; }
.ui.attached.header, .ui.top.attached.header { border-bottom: 1px solid var(--vv-pink); }

h1, h2, .page-content .home .hero h1, .page-content .home .hero h2 {
  text-shadow: 0 0 10px #00f0ff55;
}
.page-content.home .hero h1 { color: var(--vv-cyan); }
.page-content.home .hero h2 { color: var(--vv-pink); text-shadow: 0 0 12px #ff00aa88; }

::selection { background: var(--vv-pink); color: #fff; }

/* footer tagline */
.vv-footer-tag {
  text-align: center; padding: 10px 0; font-size: 12px; letter-spacing: .2em;
  text-transform: uppercase; color: var(--vv-pink); text-shadow: 0 0 8px #ff00aa88;
}