/* benryReplacement 製品サイト：グリーン差し色（プラグイン設定画面と同系） */
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700;900&display=swap");

:root {
  --brp-green: #10b981;
  --brp-green-2: #059669;
  --brp-green-soft: #ecfdf5;
  --brp-green-pale: #d1fae5;
  --brp-green-text: #065f46;
}

body[data-product="benryreplacement"] {
  --orange: var(--brp-green);
  --orange-2: var(--brp-green-2);
  --orange-soft: var(--brp-green-soft);
  font-family: "Noto Sans JP", -apple-system, BlinkMacSystemFont, "Segoe UI", "Hiragino Sans", sans-serif;
}

body[data-product="benryreplacement"] .accent {
  color: var(--brp-green-2);
}

body[data-product="benryreplacement"] .btn-primary {
  box-shadow: 0 12px 26px rgba(5, 150, 105, 0.25);
}

body[data-product="benryreplacement"] .btn-secondary {
  border-color: #a7f3d0;
}

body[data-product="benryreplacement"] .subpage-note {
  background: var(--brp-green-soft);
  color: var(--brp-green-text);
}

body[data-product="benryreplacement"] .subpage-form__required {
  color: var(--brp-green-2);
}

body[data-product="benryreplacement"] .subpage-form input:focus,
body[data-product="benryreplacement"] .subpage-form textarea:focus {
  outline: none;
  border-color: rgba(5, 150, 105, 0.55);
  box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.2);
}

body[data-product="benryreplacement"] .nav-links a:hover,
body[data-product="benryreplacement"] .faq-nav a:hover {
  color: var(--brp-green-2);
}

body[data-product="benryreplacement"] .faq-nav a:hover {
  border-color: rgba(5, 150, 105, 0.32);
}