/* ════════════════════════════════════════════════
   가장정육점 · 디자인 기본값 (색 · 글꼴 · 공통 규칙)
   관리 화면과 주문 페이지가 함께 써요. 색을 바꿀 땐 여기만 고치면 돼요.
   ════════════════════════════════════════════════ */
:root{
  --bg:#FAF9F7; --surface:#FFFFFF; --sunken:#F3F1EE;
  --line:#E7E4DF; --line-strong:#D6D2CB;
  --text:#1F1E1C; --text-2:#5E5B56; --text-3:#8F8B84;
  --accent:#2C8C50; --accent-hover:#23743F; --accent-soft:#E6F3EA; --on-accent:#fff;
  --pickup:#4F6B8A; --delivery:#B8742A;
  --st-new:#C2412D;  --st-new-bg:#FBEDEA;
  --st-conf:#2F5E9E; --st-conf-bg:#EAF1FA;
  --st-ready:#2F7A4B;--st-ready-bg:#E8F4EC;
  --st-fin:#6A4C9C;  --st-fin-bg:#F1ECF8;
  --st-ns:#B5651D;   --st-ns-bg:#FBF0E4;
  --danger:#B93A2B;
  --r:8px;
  --shadow:0 8px 28px rgba(0,0,0,.12);
  --danger-soft:#FBEDEA; --warn:#B5651D; --warn-soft:#FBF0E4;
}
/* 어두운 화면 */
:root[data-theme="dark"]{
  --bg:#1B1A18; --surface:#242321; --sunken:#2C2B28;
  --line:#383633; --line-strong:#4A4844;
  --text:#ECEAE6; --text-2:#B4B0A9; --text-3:#85817B;
  --accent:#6CC28D; --accent-hover:#82CFA0; --accent-soft:#1D3326; --on-accent:#16150F;
  --pickup:#8FA9C6; --delivery:#D9A060;
  --st-new:#EE8673;  --st-new-bg:#3A2420;
  --st-conf:#8DB2E6; --st-conf-bg:#1F2A3A;
  --st-ready:#84C79C;--st-ready-bg:#1E3026;
  --st-fin:#B9A2E4;  --st-fin-bg:#2B2437;
  --st-ns:#E3A562;   --st-ns-bg:#3A2C1E;
  --danger:#EE8673;
  --shadow:0 8px 28px rgba(0,0,0,.45);
  --danger-soft:#3A2420; --warn:#E3A562; --warn-soft:#3A2C1E;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme]){
  --bg:#1B1A18; --surface:#242321; --sunken:#2C2B28;
  --line:#383633; --line-strong:#4A4844;
  --text:#ECEAE6; --text-2:#B4B0A9; --text-3:#85817B;
  --accent:#6CC28D; --accent-hover:#82CFA0; --accent-soft:#1D3326; --on-accent:#16150F;
  --pickup:#8FA9C6; --delivery:#D9A060;
  --st-new:#EE8673;  --st-new-bg:#3A2420;
  --st-conf:#8DB2E6; --st-conf-bg:#1F2A3A;
  --st-ready:#84C79C;--st-ready-bg:#1E3026;
  --st-fin:#B9A2E4;  --st-fin-bg:#2B2437;
  --st-ns:#E3A562;   --st-ns-bg:#3A2C1E;
  --danger:#EE8673;
  --shadow:0 8px 28px rgba(0,0,0,.45);
  --danger-soft:#3A2420; --warn:#E3A562; --warn-soft:#3A2C1E;
}
}
*{box-sizing:border-box;margin:0}
html{-webkit-text-size-adjust:100%}
body{background:var(--bg);color:var(--text);font-family:Pretendard,-apple-system,"Apple SD Gothic Neo","Noto Sans KR",sans-serif;font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;font-feature-settings:"tnum"}
svg.i{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;flex:none}
button{font:inherit;color:inherit;cursor:pointer}
input,select,textarea{font:inherit;color:inherit}
a{color:inherit}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
[hidden]{display:none!important}