/* TENNIS METRO 브랜드 토큰 — 리뉴얼 스타일 기준값.
   cds_utility.css(외부 디자인시스템)는 건드리지 않고, 우리 값은 여기에만 정의한다.
   새 버튼/박스 스타일은 색·테두리·모서리를 직접 쓰지 말고 이 변수를 쓸 것.
   이 파일은 PC·모바일 저장소에 같은 이름·같은 내용으로 둔다(값을 바꾸면 양쪽 모두 수정). */
:root {
  /* color */
  --tm-text: #191f28;
  --tm-text-sub: #8b95a1;
  --tm-line: #e2e3e3;
  --tm-bg: #fff;
  --tm-bg-disabled: #f2f3f4;
  --tm-sale: #f44336;
  --tm-point: #00CC41;
  --tm-point-hover: #008F2D;

  /* shape */
  --tm-border-width: 1.5px;
  --tm-border: var(--tm-border-width) solid var(--tm-line);   /* 스트로크(버튼·박스 테두리) */
  --tm-divider: 1px solid var(--tm-line);                     /* 구분선 기본값 */
  --tm-radius: 0;

  /* button 공통 */
  --tm-btn-weight: 600;
  --tm-btn-spacing: -0.5px;

  /* 스트로크 버튼: 흰 배경 + --tm-border (hover 시 테두리만 진하게) */
  --tm-btn-stroke-hover-border: var(--tm-text);

  /* 진한 라인 버튼: 흰 배경 + 진한 1.5px 테두리 + 진한 글자 (hover 시 블랙 버튼으로 채움) */
  --tm-btn-dark-line-border: var(--tm-text);
  --tm-btn-dark-line-text: var(--tm-text);
  --tm-btn-dark-line-hover-bg: var(--tm-btn-black-bg);
  --tm-btn-dark-line-hover-text: var(--tm-btn-black-text);

  /* 블랙 버튼: 검정 채움 + 흰 글자 */
  --tm-btn-black-bg: #191f28;
  --tm-btn-black-text: #fff;
  --tm-btn-black-hover-bg: #000;
}