/*
 * 색상 변수 (웹·모바일 공용)
 * 웹 web/head.jsp·web/qrPage.jsp, 모바일 m/include.jsp 가 앱 CSS 보다 먼저 싣는다.
 * 앱이 직접 관리하는 CSS 에 반복되던 색을 값 그대로 옮겼다(docs/CLEAN_CSS.md Phase 6, 화면 변화 없음).
 * 회색은 값을 이름에 그대로 남겼다. 비슷한 회색(#999·#888, #f5f5f5·#f8f8f8·#fbfbfb 등)을 합치는 것은
 * 디자인 결정 뒤에 하고, 그때 이름도 역할(본문·보조 글자·테두리·배경)로 정리한다.
 * 새 색은 여기에 변수로 추가한다.
 */
:root {
    --color-white: #fff;
    --color-black: #000;

    --gray-111: #111;
    --gray-222: #222;
    --gray-333: #333;
    --gray-444: #444;
    --gray-555: #555;
    --gray-666: #666;
    --gray-888: #888;
    --gray-999: #999;
    --gray-aaa: #aaa;
    --gray-ccc: #ccc;
    --gray-ddd: #ddd;
    --gray-e7e7e7: #e7e7e7;
    --gray-eee: #eee;
    --gray-f4f4f4: #f4f4f4;
    --gray-f5f5f5: #f5f5f5;
    --gray-f8f8f8: #f8f8f8;
    --gray-fbfbfb: #fbfbfb;

    /* 점검 결과 등 상태 */
    --color-status-good: #007835;
    --color-status-na: #7f8c8d;
    --color-status-bad: #b52526;

    /* 스크롤바·버튼 hover 테두리에 쓰는 강조 파랑 */
    --color-primary-blue: #0c56af;
    /* 탭 선택 표시(위 테두리) */
    --color-tab-active: #4e76b5;
}