/* ============================================
   site-color.css - ニーテック (neetech.net) カラーテーマ
   ============================================
   IT 求人サイトらしい寒色 cyan/blue を Tabler primary に上書き。
   site-theme.css の後に読み込まれる前提。
*/

:root {
  --tblr-primary:        #0ea5e9;
  --tblr-primary-rgb:    14,165,233;
  --tblr-primary-fg:     #fff;
  --tblr-primary-darken: #0369a1;
  --tblr-primary-lt:     #e0f2fe;
  --tblr-link-color:     #0369a1;
  --tblr-link-color-rgb: 3,105,161;
  --tblr-link-hover-color: #075985;
}

.btn-primary {
  --tblr-btn-color:               #fff;
  --tblr-btn-bg:                  #0ea5e9;
  --tblr-btn-border-color:        #0ea5e9;
  --tblr-btn-hover-color:         #fff;
  --tblr-btn-hover-bg:            #0369a1;
  --tblr-btn-hover-border-color:  #0369a1;
  --tblr-btn-active-color:        #fff;
  --tblr-btn-active-bg:           #0369a1;
  --tblr-btn-active-border-color: #0369a1;
}

.btn-outline-primary {
  --tblr-btn-color:               #0369a1;
  --tblr-btn-border-color:        #0ea5e9;
  --tblr-btn-hover-color:         #fff;
  --tblr-btn-hover-bg:            #0ea5e9;
  --tblr-btn-hover-border-color:  #0ea5e9;
  --tblr-btn-active-color:        #fff;
  --tblr-btn-active-bg:           #0ea5e9;
  --tblr-btn-active-border-color: #0ea5e9;
}

.bg-primary       { background-color: #0ea5e9 !important; }
.bg-primary-lt    { background-color: #e0f2fe !important; color: #0c4a6e !important; }
.text-primary     { color: #0369a1 !important; }
.badge.bg-primary { background-color: #0ea5e9 !important; color: #fff !important; }

/* sidebar (navbar-vertical) のリンクホバー・active を cyan に */
.navbar-vertical .nav-link:hover {
  color: #bae6fd;
}
.navbar-vertical .nav-item.active > .nav-link {
  color: #bae6fd;
}

/* page-header h2 のアクセント */
.page-title { color: #0c4a6e; }