@charset "utf-8";

:root {
  --primary-color: #fa2080;
  --secondary-color: #FFFF00;
  --thirdary-color: #00FF00;
  --accent-color: #00ccff;
  --hover-color: #c41a6a;
  --text-color: #ffffff;
  /* */
  --sidebar-width: 250px;
  --sidebar-rail: 64px;
  --m_header-height: 30px;
}
/*  */
body{background: #333;}

/* 스크롤바 (iframe.css 에서 이관) */
body::-webkit-scrollbar { width: 5px;height:0;}
body::-webkit-scrollbar-thumb { background-color: #444; border-radius: 20px;}
body::-webkit-scrollbar-track { background-color: transparent;}

/* 여백 유틸. #content 에는 절대 걸지 말 것 - padding 축약형이 레이아웃 오프셋을 덮어쓴다. */
.p16{padding: 16px;}

/* 스크린리더 전용 텍스트 (SEO/접근성용 제목 등) */
.sr_only{position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0;}

/* 스크롤 등장 애니메이션 초기 상태. JS 가 켜져 있을 때만 숨겨서
   봇/JS 미지원 환경에서는 콘텐츠가 그대로 보이게 한다. */
html.reveal-init [data-reveal]{opacity: 0;}