/* ============================================
   site-color.css - クリパチ (cre-8.jp) カラーテーマ
   ============================================
   クリエイター・イラストレーター系の purple を Tabler primary に上書き。
   site-theme.css の後に読み込まれる前提。
*/

:root {
  --tblr-primary:        #8b5cf6;
  --tblr-primary-rgb:    139,92,246;
  --tblr-primary-fg:     #fff;
  --tblr-primary-darken: #6d28d9;
  --tblr-primary-lt:     #ede9fe;
  --tblr-link-color:     #6d28d9;
  --tblr-link-color-rgb: 109,40,217;
  --tblr-link-hover-color: #5b21b6;
}

.btn-primary {
  --tblr-btn-color:               #fff;
  --tblr-btn-bg:                  #8b5cf6;
  --tblr-btn-border-color:        #8b5cf6;
  --tblr-btn-hover-color:         #fff;
  --tblr-btn-hover-bg:            #6d28d9;
  --tblr-btn-hover-border-color:  #6d28d9;
  --tblr-btn-active-color:        #fff;
  --tblr-btn-active-bg:           #6d28d9;
  --tblr-btn-active-border-color: #6d28d9;
}

.btn-outline-primary {
  --tblr-btn-color:               #6d28d9;
  --tblr-btn-border-color:        #8b5cf6;
  --tblr-btn-hover-color:         #fff;
  --tblr-btn-hover-bg:            #8b5cf6;
  --tblr-btn-hover-border-color:  #8b5cf6;
  --tblr-btn-active-color:        #fff;
  --tblr-btn-active-bg:           #8b5cf6;
  --tblr-btn-active-border-color: #8b5cf6;
}

.bg-primary       { background-color: #8b5cf6 !important; }
.bg-primary-lt    { background-color: #ede9fe !important; color: #4c1d95 !important; }
.text-primary     { color: #6d28d9 !important; }
.badge.bg-primary { background-color: #8b5cf6 !important; color: #fff !important; }

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

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