/* 사이트 색·글꼴. 브랜드를 바꿀 때 고치는 CSS는 이 파일 하나다.
   강의 목록(index.html), 강의 페이지(lecture.css), 로그인 화면(functions/_middleware.js)이 모두 이 값을 쓴다.
   로그인 전에도 열리는 파일이라 색 말고 다른 것은 넣지 않는다.
   OK금융그룹 CI(okfngroup.com CI 페이지, 2026-10-21 확인): OK Orange · OK Dark Brown · OK Yellow · OK Bright Gray.
   주황 #FF571F는 흰 배경 대비가 3.2라 면·버튼에만 쓰고, 글자·번호·링크는 대비 4.5를 넘는 #DC3B00을 쓴다. */
:root {
  /* 접이식 참고자료 카드 */
  --reference-line: #DCD6D0;
  --reference-line-hover: #BDB4AC;
  --reference-divider: #E8E3DE;

  /* 주색(key): 따라 할 것, 번호, 링크, 버튼 */
  --key: #DC3B00;           /* 글자·번호·버튼. OK Orange 계열 중 본문 대비 4.5 이상 */
  --key-deep: #B33000;      /* 버튼 hover */
  --key-tint: #FFF4EE;      /* 프롬프트 박스·메시지 박스 면 */
  --key-line: #FFCDB8;      /* 프롬프트 박스 테두리 */
  --key-soft: #FF9A72;      /* 도표의 연한 주색 */
  --brand: #FF571F;         /* OK Orange 웹 사용값. 큰 면·장식에만 */
  --brand-yellow: #F6AB00;  /* OK Yellow. 글자색으로 쓰지 않는다 */
  --on-key-sub: #FFE6DA;    /* 주색 면 위의 보조 글자 (과제 카드) */

  /* 면 */
  --chapter: #F6EFEA;       /* 부 첫 화면 카드, 열린 강의 카드 */
  --chapter-hover: #EFE4DC;
  --zone: #F8F5F2;          /* 카드·장표 등 묶음 면 */
  --head: #F1ECE8;          /* 코드, 버튼 hover */
  --panel: #FBFAF9;         /* 왼쪽 목차 배경 */
  --panel-on: #EFE9E4;      /* 목차 현재 위치 */

  /* 글자·선 */
  --fg: #2B2224;            /* OK Dark Brown을 본문용으로 짙게 */
  --fg-soft: #5C4B4D;       /* OK Dark Brown. 부 첫 화면의 한 줄 메시지 */
  --sub: #6B6265;           /* 보조 글자 */
  --muted: #9A9093;         /* 화살표, 'vs', 빈 칸 안내 */
  --line: #E3DFDA;          /* OK Bright Gray. 표·이미지 테두리 */
  --line-strong: #C9C1BA;   /* 점선 테두리 */
  --divider: #ECE8E4;       /* 절 사이 구분선 */
  --dot: #DDD6D0;           /* 도표의 기본 점 */

  /* 상태 */
  --ok: #157347;            /* '확인' 표시 */
  --ok-tint: #E6F4EC;

  /* 데이터 3분류 */
  --lv-green: #157347;
  --lv-green-tint: #EEF7F1;
  --lv-yellow: #9A6A00;
  --lv-yellow-tint: #FFF7E2;
  --lv-red: #B42318;
  --lv-red-tint: #FDF0EE;

  --font: "Pretendard", -apple-system, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;
}