/*
 Theme Name: ARAV_renewal Child
 Template:   ARAV_renewal
 Version:    1.0
*/

/* 基本トークン（色・サイズは必要に応じて調整） */

html {
    font-size: 62.5%;
}

:root{
  --c-primary: #0071bc;   /* 青（塗り/枠） */
  --c-primary-ink: #ffffff;
  --c-dark: #000000;      /* 黒（塗り/枠） */
  --c-dark-ink: #ffffff;
  --r-pill: 9999px;
  --btn-pad-y: 0px;
  --btn-pad-x: 25px;
  --btn-fw: 500;
  --btn-tr: 180ms ease;
  --c-left:  #0b4fd9;
  --c-right: #0aa0ff;
  --c-ink:   #fff;
}

.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.5em;
  font-weight:var(--btn-fw);
  text-decoration:none;
  border:1.5px solid transparent;
  transition:
    background-color var(--btn-tr),
    color var(--btn-tr),
    border-color var(--btn-tr),
    box-shadow var(--btn-tr);
  line-height:0;
}
.btn--pill{ border-radius:var(--r-pill); }
.btn--lg{ padding:var(--btn-pad-y) var(--btn-pad-x); font-size:15px; }

/* 青のアウトライン → hoverで塗り */
.btn--primary-outline{
  color: var(--c-primary);
  background: transparent;
  border-color: var(--c-primary);
}
.btn--primary-outline:hover,
.btn--primary-outline:focus-visible{
  color: var(--c-primary-ink);
  background: var(--c-primary);
}

/* 黒の塗り → hoverでアウトライン */
.btn--dark-solid{
  color: var(--c-dark-ink);
  background: var(--c-dark);
  border-color: var(--c-dark);
}
.btn--dark-solid:hover,
.btn--dark-solid:focus-visible{
  color: var(--c-dark);
  background: transparent;
  /* 枠はそのまま黒 */
}

/* 白の塗り → hoverでアウトライン */
.btn--white-solid{
  color: var(--c-dark);
  background: var(--c-dark-ink);
  border-color: var(--c-dark-ink);
}
.btn--white-solid:hover,
.btn--white-solid:focus-visible{
  color: var(--c-dark-ink);
  background: transparent;
  /* 枠はそのまま白 */
}

/* アクセシビリティ用フォーカスリング */
.btn:focus-visible{
  outline: 0;
  box-shadow: 0 0 0 3px rgba(0,113,188,.25);
}

/* 角丸を少し大きめに（デザイン寄せ） */
.btn--lg.btn--pill{ border-radius: 34px; }

.privacy{
	font-family:"Montserrat";
}

/* 動きを控えめに（好みで） */
@media (prefers-reduced-motion: reduce){
  .btn{ transition: none; }
}