/* =========================================================================
   common.css
   SKALA 관리자 교육관리 스타일가이드 v0.3
   역할: 리셋 · 디자인 토큰(:root) · 기본 타이포그래피 · 접근성 기본값
   이 파일에는 특정 컴포넌트나 레이아웃 규칙을 두지 않는다 (component.css / layout.css 참조)
   ========================================================================= */

:root{
  /* ---- 색상 토큰 (Figma 픽셀 측정값 기준, 스타일가이드 §2.1) ---- */
  --c-primary:#0A78D8;
  --c-primary-text:#FFFFFF;
  --c-primary-dark:#0A64B4;
  --c-navy:#2C5584;
  --c-danger:#F04A3B;
  --c-danger-dark:#D63A2C;
  --c-success:#308008;
  --c-accent-pink:#E5529B;
  --c-neutral-strong:#666666;
  --c-secondary:#DDDDDD;
  --c-border:#CCCCCC;
  --c-surface:#FFFFFF;
  --c-bg-muted:#F5F6F8;
  --c-bg-header:#F2F4F7;
  --c-bg-disabled:#EAEBED;
  --c-field-highlight:#FFFEDD;
  --c-text:#333333;
  --c-text-strong:#1A1A1A;
  --c-placeholder:#999999;

  /* ---- 서체 ---- */
  --font: -apple-system, BlinkMacSystemFont, "Malgun Gothic", "Apple SD Gothic Neo",
          "Pretendard", "Noto Sans KR", "Segoe UI", sans-serif;

  /* ---- 형태 ---- */
  --radius:4px;
  --shadow-panel: 0 1px 2px rgba(20,30,50,.06), 0 1px 1px rgba(20,30,50,.04);
  --shadow-modal: 0 12px 40px rgba(20,30,50,.24);
}

/* ---- 리셋 ---- */
*{box-sizing:border-box;}
html,body{height:100%;}
body{
  margin:0;
  font-family:var(--font);
  color:var(--c-text);
  background:#EEF0F3;
  font-size:14px;
  line-height:1.5;
  -webkit-font-smoothing:antialiased;
}
button, input, select, textarea{font-family:inherit; font-size:inherit; color:inherit;}
ul{list-style:none;margin:0;padding:0;}
button{cursor:pointer;}
a{color:inherit;}

/* ---- 접근성 ---- */
:focus-visible{outline:2px solid var(--c-primary); outline-offset:2px;}

@media (prefers-reduced-motion: reduce){
  *{transition:none !important; animation:none !important;}
}

.sr-only{
  position:absolute; width:1px;height:1px;overflow:hidden;
  clip:rect(0,0,0,0); white-space:nowrap;
}