/* BKR AI 추천 운영 콘솔 · 디자인 토큰 (백지 · 레드오렌지 · 차콜 · 앰버)
 *
 * 색·모서리 값의 유일한 출처. 콘솔(console.css)과 Django 관리자
 * (admin_console.css)가 같은 토큰을 써서 두 화면이 한 벌로 보이게 한다.
 * 새 색이 필요하면 여기에 토큰을 추가한다. 화면 CSS에 색상값을 직접 쓰지 않는다.
 */
:root {
  --bg: #ffffff;
  --panel: #f6f7f8;
  --panel-dark: #23272e;        /* 사이드바·헤더 차콜 */
  --panel-dark-hover: #2c313a;
  --panel-dark-line: #333a44;
  --on-dark: #cfd4db;           /* 차콜 위 본문색 */
  --on-dark-soft: #9aa2ad;      /* 차콜 위 보조색. --ink-soft 는 대비가 모자란다 */

  --line: #e3e6ea;
  --line-soft: #f1f3f5;         /* 표 안쪽 구분선 */
  --row-hover: #fafbfc;

  --ink: #1b1e23;
  --ink-soft: #6b7280;

  --accent: #e2340d;            /* 레드오렌지 · 라벨과 강조 */
  --accent-strong: #c22d0b;     /* 눌림·호버 */
  --amber: #e8951a;             /* 앰버 · 소제목 */
  --amber-soft: #fdf3e3;        /* 선택 행 배경 */

  --ok: #1f8f4e;
  --warn: #d0342c;
  --warn-strong: #a92a24;

  --overlay: rgba(27, 30, 35, 0.55);  /* 모달 뒤 딤 배경 */

  --radius: 10px;
  --font-sans: "Malgun Gothic", "맑은 고딕", -apple-system, "Noto Sans KR", sans-serif;
  --font-mono: "D2Coding", Consolas, monospace;

  /* 키오스크 데모(BK 브랜드 팔레트) — samples/ 스크린샷에서 추출.
   * 콘솔 본 화면과 섞이지 않도록 kiosk- 접두를 쓴다 (kiosk.css 전용) */
  --kiosk-red: #d62300;         /* 가격·활성 탭·뱃지 */
  --kiosk-red-soft: #f2a793;    /* 비활성 주문하기 버튼 */
  --kiosk-cream: #f5ebdc;       /* 본문 배경 */
  --kiosk-cream-deep: #ede1cd;  /* 카트 영역 배경 */
  --kiosk-card: #fbf6ec;        /* 메뉴 카드 배경 */
  --kiosk-brown: #502314;       /* 하단 바·본문 글자 */
  --kiosk-brown-soft: #7a5a48;  /* 보조 글자 */
  --kiosk-tan: #d9c9b5;         /* 카드 테두리·구분선 */
  --kiosk-dark: #26211d;        /* 상단 진행 바 배경 */
  --kiosk-green: #1e9e46;       /* NEW 뱃지 */
  --kiosk-yellow: #ffc700;      /* All Day King 뱃지 */
}