/* ============================================
   site-color.css - みんなの写真ドットコム カラーテーマ
   ============================================
   写真サイトらしい暖色 (orange) を Tabler の primary に上書き。
   site-theme.css の後に読み込まれる前提。
*/

:root {
  --tblr-primary:        #e67e22;
  --tblr-primary-rgb:    230,126,34;
  --tblr-primary-fg:     #fff;
  --tblr-primary-darken: #c96716;
  --tblr-primary-lt:     #fbe6d3;
  --tblr-link-color:     #c96716;
  --tblr-link-color-rgb: 201,103,22;
  --tblr-link-hover-color: #a8540f;
}

.btn-primary {
  --tblr-btn-color:               #fff;
  --tblr-btn-bg:                  #e67e22;
  --tblr-btn-border-color:        #e67e22;
  --tblr-btn-hover-color:         #fff;
  --tblr-btn-hover-bg:            #c96716;
  --tblr-btn-hover-border-color:  #c96716;
  --tblr-btn-active-color:        #fff;
  --tblr-btn-active-bg:           #c96716;
  --tblr-btn-active-border-color: #c96716;
}

.btn-outline-primary {
  --tblr-btn-color:               #c96716;
  --tblr-btn-border-color:        #e67e22;
  --tblr-btn-hover-color:         #fff;
  --tblr-btn-hover-bg:            #e67e22;
  --tblr-btn-hover-border-color:  #e67e22;
  --tblr-btn-active-color:        #fff;
  --tblr-btn-active-bg:           #e67e22;
  --tblr-btn-active-border-color: #e67e22;
}

.bg-primary       { background-color: #e67e22 !important; }
.bg-primary-lt    { background-color: #fbe6d3 !important; color: #8a4413 !important; }
.text-primary     { color: #c96716 !important; }
.badge.bg-primary { background-color: #e67e22 !important; color: #fff !important; }

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

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