/* Foregift / Interior Review — design tokens (Figma) */
/* 이 파일은 base.ftl의 /css/variables.css 이후에 로드되어 인테리어 화면용 변수를 덮어쓰거나 보강한다. */

:root {
  /* Interior review 전용 색상 */
  --ir-primary: #028297;
  --ir-mint-light: #f4fbfb;
  --ir-grey-97: #f4fbfb;
  --ir-grey-98: #f8f9fa;
  --ir-gray-30: #e0e0e0;
  --ir-gray-50: #808080;
  --ir-gray-dark: #6b6b6b;
  --ir-text-black: #000000;
  --ir-text-gray: #808080;
  --ir-yellow: #ffc107;
  --ir-red: #cb4949;
  --ir-green: #078255;
  --ir-comment: #e8178a;
}

/* 인테리어 화면에 공통으로 쓰는 유틸 */
.ir-stars {
  display: inline-flex;
  gap: 2px;
  color: var(--ir-yellow);
}
.ir-stars svg {
  width: 14px;
  height: 14px;
  color: var(--ir-yellow);
}
.ir-stars svg.muted {
  color: var(--ir-gray-30);
}
.ir-btn-primary {
  width: 100%;
  height: 52px;
  border-radius: 12px;
  background: var(--ir-primary);
  color: #fff;
  font-weight: 700;
  font-size: 16px;
  border: none;
  cursor: pointer;
}
.ir-btn-primary:disabled,
.ir-btn-primary.disabled {
  background: var(--ir-grey-98);
  color: var(--ir-gray-50);
  cursor: not-allowed;
}
.ir-btn-secondary {
  width: 100%;
  height: 52px;
  border-radius: 12px;
  background: #fff;
  color: var(--ir-primary);
  border: 1px solid var(--ir-primary);
  font-weight: 700;
  font-size: 16px;
  cursor: pointer;
}