/* === Devs.Nepal skin for Gitea === */

:root {
  /* Devs.Nepal palette (matches tailwind tokens on the main site) */
  --dn-crimson:        #b1071c;
  --dn-crimson-dark:   #8a0617;
  --dn-navy:           #14315e;
  --dn-navy-dark:      #0a1f3d;
  --dn-gold:           #c89b3c;
  --dn-cream:          #faf6ef;
  --dn-line:           #e7e3da;
  --dn-ink:            #1a1d24;
  --dn-mute:           #7d7d82;

  /* Gitea theme overrides */
  --color-primary:           var(--dn-crimson);
  --color-primary-contrast:  #ffffff;
  --color-primary-dark-1:    var(--dn-crimson-dark);
  --color-primary-dark-2:    var(--dn-crimson-dark);
  --color-primary-light-1:   #c83243;
  --color-primary-light-2:   #d75565;
  --color-primary-light-3:   #ecaab2;
  --color-primary-light-4:   #f3c8cd;
  --color-primary-light-5:   #f9e2e6;
  --color-primary-light-6:   #fcf0f2;
  --color-primary-hover:     var(--dn-crimson-dark);

  --color-accent:            var(--dn-gold);
  --color-secondary:         var(--dn-cream);
  --color-secondary-dark-1:  var(--dn-line);
  --color-secondary-dark-2:  var(--dn-mute);
  --color-secondary-light-1: #fcfaf6;
}

/* Top Devs.Nepal strip */
#dn-topstrip {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 8px 18px;
  background: var(--dn-navy-dark);
  color: #fff;
  font-size: 12px;
  border-bottom: 2px solid var(--dn-gold);
}
#dn-topstrip a {
  color: #fff;
  text-decoration: none;
}
#dn-topstrip .dn-home {
  display: inline-flex;
  align-items: baseline;
  gap: 0.5rem;
}
#dn-topstrip .dn-tri {
  display: inline-block;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 11px solid var(--dn-crimson);
  margin-right: 4px;
}
#dn-topstrip .dn-wordmark {
  font-weight: 700;
  font-size: 13px;
  letter-spacing: 0.01em;
}
#dn-topstrip .dn-dot   { color: var(--dn-gold); }
#dn-topstrip .dn-sub   { color: rgba(255,255,255,0.65); font-size: 11px; }
#dn-topstrip .dn-divider { flex: 1; }
#dn-topstrip .dn-back  {
  font-weight: 600;
  font-size: 11px;
  color: rgba(255,255,255,0.85);
  letter-spacing: 0.02em;
}
#dn-topstrip .dn-back:hover { color: var(--dn-gold); }

/* Kill the "Powered by Gitea / Page: ... Template: ..." footer line so
   the page ends cleanly with the Devs.Nepal Code label. */
footer .container > .left,
footer .container .ui.left,
footer .container > a[href^="https://gitea"],
footer .container > .links > a[href*="gitea.io"],
footer .container > .links > a[href*="gitea.com"],
footer .container > .links > a[href*="docs.gitea"] {
  display: none !important;
}

/* Soften the navbar background to align with our palette */
.full.height > nav,
#navbar {
  background: #ffffff !important;
  border-bottom: 1px solid var(--dn-line) !important;
}
#navbar .item:hover {
  color: var(--dn-crimson) !important;
}

/* Primary buttons → Devs.Nepal crimson */
.ui.primary.button,
.ui.button.primary,
.ui.primary.buttons .button {
  background: var(--dn-crimson) !important;
}
.ui.primary.button:hover {
  background: var(--dn-crimson-dark) !important;
}

/* Accent chips → Devs.Nepal gold */
.ui.label,
.ui.basic.label {
  border-color: var(--dn-line) !important;
}