/*
 * This is a manifest file that'll be compiled into application.css.
 *
 * With Propshaft, assets are served efficiently without preprocessing steps. You can still include
 * application-wide styles in this file, but keep in mind that CSS precedence will follow the standard
 * cascading order, meaning styles declared later in the document or manifest will override earlier ones,
 * depending on specificity.
 *
 * Consider organizing styles into separate files for maintainability.
 */

body {
  background-color: #F0EEF3;
}

main {
  background-color: #F0EEF3;
}

section {
  background-color: #F0EEF3;
}

/* 기본 모바일 우선 접근법 */
html {
  font-size: 16px;  // 기본 폰트 사이즈
  -webkit-text-size-adjust: 100%;  // iOS 폰트 사이즈 자동조절 방지
}

/* 태블릿 */
@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

/* 데스크탑 */
@media (min-width: 1024px) {
  html {
    font-size: 16px;
  }
}

/* 터치 기기에서의 호버 상태 처리 */
@media (hover: hover) {
  /* 호버 가능한 기기에서만 호버 효과 적용 */
  a:hover {
     /* 호버 스타일 */
  }
}

/* 모바일에서 탭 하이라이트 색상 설정 */
* {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}