/* ===================================================================
   AUNE Karuizawa - Brand color override
   - Layout / fonts / animations は元のまま
   - 配色 5 色のみ上書き
       オフホワイト       #F6F1E8
       アースベージュ     #E8DCC5
       フォレストグリーン #3F5A40   (元 #46674F → やや深い緑へ)
       木皮ブラウン       #6E5436
       銅色アクセント     #B87333   (元の OWNER バッジ #8d7d1c → 銅へ)
   =================================================================== */

:root{
  --aune-offwhite:       #F6F1E8;
  --aune-earth-beige:    #E8DCC5;
  --aune-forest-green:   #3F5A40;
  --aune-wood-brown:     #6E5436;
  --aune-copper:         #B87333;
  --aune-copper-deep:    #8C5224;
  --aune-text:           #2A2A28;
  --aune-muted:          #6B6962;
}

/* ---- 1) OWNER/MANAGER バッジのゴールド (#8d7d1c) → 銅 ---- */
[style*="#8d7d1c"]{ background-color: var(--aune-copper) !important; }
*[style*="background-color: #8d7d1cff"],
*[style*="background-color:#8d7d1cff"],
*[style*="background-color: #8d7d1c"]{
  background-color: var(--aune-copper) !important;
}
*[style*="color: #8d7d1c"]{ color: var(--aune-copper) !important; }
*[style*="border-color: #8d7d1c"],
*[style*="border: 1px solid #8d7d1c"],
*[style*="border:1px solid #8d7d1c"]{
  border-color: var(--aune-copper) !important;
}

/* ---- 2) 全体背景: 元 cream をそのまま AUNE のオフホワイトとして読み替え ---- */
body{
  background: var(--aune-offwhite);
  color: var(--aune-text);
}

/* ---- 3) フォレストグリーン微調整 (元 #46674F → 少し深く落ち着いた色) ---- */
*[style*="#46674F"],
*[style*="#46674f"]{ /* CSSの先勝ち。inline style が強いので !important で上書き */
  /* background-color と color の両方を見る style 属性に対応するため、両者を上書き */
}
*[style*="background-color: #46674Fff"],
*[style*="background-color:#46674Fff"],
*[style*="background-color: #46674F"]{
  background-color: var(--aune-forest-green) !important;
}
*[style*="color: #46674Fff"],
*[style*="color:#46674Fff"],
*[style*="color: #46674F"]{
  color: var(--aune-forest-green) !important;
}

/* ---- 4) cream タイプの背景 (#eeefea) を AUNE earth beige へ寄せる ---- */
*[style*="background-color: #eeefeaff"],
*[style*="background-color:#eeefeaff"],
*[style*="background-color: #eeefea"],
*[style*="background-color: #EEEFEA"]{
  background-color: var(--aune-offwhite) !important;
}

/* ---- 5) アクセント線・ボタンの sage (#c6c9b8) → AUNE earth beige ---- */
*[style*="#c6c9b8"]{
  background-color: var(--aune-earth-beige) !important;
}

/* ---- 6) Tripla チャットボットアイコンの黒丸 → 銅色 (任意) ---- */
.triplabot-button,
[class*="triplabot"]:not([class*="message"]){
  --tripla-theme-btn-color: var(--aune-copper) !important;
}

/* ---- 7) リンクの underline 色を控えめに ---- */
a:hover{ color: var(--aune-copper-deep); }

/* ---- 8) Placeholder 画像の見栄え微調整 (現状 SVG が dashed border ありの方) ---- */
img[src*="images/"]:not([src^="data:"]){
  background-color: var(--aune-offwhite);
}

/* ---- 9) 段落・本文の文字色を少し柔らかく ---- */
p, span{
  /* 元の color 指定があれば inline style が優先される。指定の無い箇所のみ適用 */
}

/* ---- 10) 文字選択時のハイライト ---- */
::selection{
  background: var(--aune-copper);
  color: var(--aune-offwhite);
}

/* ---- 11) スクロールバー ( WebKit) を AUNE トーンに ---- */
::-webkit-scrollbar{ width: 10px; height: 10px; }
::-webkit-scrollbar-track{ background: var(--aune-offwhite); }
::-webkit-scrollbar-thumb{ background: var(--aune-earth-beige); border-radius: 5px; }
::-webkit-scrollbar-thumb:hover{ background: var(--aune-copper); }

/* ===================================================================
   AUNE - スクロール reveal 演出のチューニング
   元の transition-delay は 2000ms+ と長くスクロール発火だと間延びするため、
   .appear-active 側で delay を詰めてキビキビした fade-in にする。
   (元の duration / easing は尊重しつつ delay のみ短縮)
   loop-box(マーキー) は .appear-active を付与しないので影響なし。
   =================================================================== */
.appear-active{
  transition-delay: 0ms !important;
}
/* duration が極端に長い(1500ms超)ものは 1000ms 程度に寄せて軽快に */
.appear-active{
  transition-duration: 0.9s !important;
  transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1) !important;
}
/* prefers-reduced-motion 対応: アニメ無効ユーザーは即表示 */
@media (prefers-reduced-motion: reduce){
  .appear, .appear-active{
    opacity: 1 !important;
    filter: none !important;
    scale: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}