/* ================================================================
   레트로 테마 덮어쓰기 — 원본 CSS는 건드리지 않는다.
   원본 <style> 뒤에 로드되어 CSS 변수만 갈아끼우는 방식이라
   이 파일 링크 한 줄을 지우면 원래 모습으로 돌아간다.
   (직원관리 theme.css와 같은 전략)

   팔레트: 크림 #FBF1E2 · 주황 #A84820 · 앰버 #F2A23A · 잉크 #26190F
   ================================================================ */

:root {
  /* 공통 배경·글자 */
  --bg: #FAF0E1;
  --bg-elev: #FFF9EF;
  --bg-sunken: #F3E2C9;
  --card-bg: #FFF9EF;
  --border: #E7D2B2;
  --text: #26190F;
  --text-dim: #8A6F55;
  --text-faint: #B79C7E;

  /* 포인트 = 레트로 주황 */
  --accent: #A84820;
  --accent-ink: #FFF6EC;
  --accent-dim: #F3DECB;
  --accent-soft: #F3DECB;
  --accent2: #2F8F6B;

  /* 상태색 — 채도 살짝 낮춘 레트로 톤 */
  --good: #2F8F6B;  --good-bg: #E2F2E9;
  --bad: #D6402A;   --bad-bg: #FBE3DC;
  --warn: #C98A16;  --warn-bg: #F8EDD2;
  --unset: #A8865C; --unset-bg: #F1E5CE;
  --many: #3E7DA6;  --many-bg: #E4EFF6;
  --hold: #C98A16;  --hold-bg: #F8EDD2;

  --shadow: 0 2px 0 rgba(168, 72, 32, .07), 0 12px 26px -14px rgba(120, 60, 20, .3);
}

/* 다크 모드도 같은 레트로 라이트 룩으로 고정 (원본의 다크 변수를 무력화) */
@media (prefers-color-scheme: dark) {
  :root {
    --bg: #FAF0E1;
    --bg-elev: #FFF9EF;
    --bg-sunken: #F3E2C9;
    --card-bg: #FFF9EF;
    --border: #E7D2B2;
    --text: #26190F;
    --text-dim: #8A6F55;
    --text-faint: #B79C7E;
    --accent: #A84820;
    --accent-ink: #FFF6EC;
    --accent-dim: #F3DECB;
    --accent-soft: #F3DECB;
    --accent2: #2F8F6B;
    --good: #2F8F6B;  --good-bg: #E2F2E9;
    --bad: #D6402A;   --bad-bg: #FBE3DC;
    --warn: #C98A16;  --warn-bg: #F8EDD2;
    --shadow: 0 2px 0 rgba(168, 72, 32, .07), 0 12px 26px -14px rgba(120, 60, 20, .3);
  }
}

/* 화면 맨 위의 체크무늬 띠 — 네 앱 공통의 레트로 시그니처 */
body::after {
  content: '';
  position: fixed;
  top: 0; left: 0; right: 0;
  height: 10px;
  z-index: 99998;
  pointer-events: none;
  background: repeating-conic-gradient(#A84820 0% 25%, #FAF0E1 0% 50%) 0 0 / 20px 20px;
}

/* 로고·제목은 허브로 가는 문 (retro.js가 클릭을 연결) */
.brand, header h1 { cursor: pointer; }
.brand:hover, header h1:hover { opacity: .85; }
