/* 오이뮤 홈페이지 결 — 매장재고 시스템과 같은 색 체계. 라이브러리 없음. */
:root{
  --beige:#f3eedd; --paper:#faf8f2; --card:#fffdf7;
  --ink:#111; --sub:#6b6b6b; --faint:#9b9689;
  --line:#e6e0cf; --line2:#d8d3c2;
  --pink:#ffc0da; --pink-deep:#c06a92; --pink-soft:#fdeff5;
  --amber:#d9a441; --red:#c0574f; --green:#5c8a63;
  --r:3px;
}
*{box-sizing:border-box}
html,body{margin:0}
body{
  background:var(--beige); color:var(--ink);
  font:15px/1.65 -apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Pretendard","Malgun Gothic","맑은 고딕",sans-serif;
  -webkit-font-smoothing:antialiased; word-break:keep-all; overflow-wrap:anywhere;
}
a{color:inherit}
h1,h2,h3{margin:0;font-weight:700;letter-spacing:-.01em}
button,input,select,textarea{font:inherit;color:inherit}
.hidden{display:none!important}

.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:6px;
  border:1px solid var(--ink);background:var(--ink);color:#fff;
  border-radius:var(--r);padding:9px 16px;cursor:pointer;font-weight:600;text-decoration:none;white-space:nowrap;
}
.btn:hover{background:#333}
.btn.ghost{background:transparent;color:var(--ink)}
.btn.ghost:hover{background:var(--card)}
.btn.pink{background:var(--pink);border-color:var(--pink);color:var(--ink)}
.btn.pink:hover{background:#ffb0cf}
.btn.danger{background:transparent;color:var(--red);border-color:var(--red)}
.btn.small{padding:4px 10px;font-size:13px}
.btn:disabled{opacity:.45;cursor:not-allowed}

label.field{display:block;margin:0 0 14px}
label.field>span{display:block;font-size:13px;font-weight:600;margin-bottom:5px}
label.field>span em{color:var(--pink-deep);font-style:normal;margin-left:2px}
input[type=text],input[type=email],input[type=tel],input[type=date],input[type=month],input[type=url],
input[type=password],select,textarea{
  width:100%;background:var(--card);border:1px solid var(--line2);border-radius:var(--r);
  padding:9px 11px;outline:none;min-height:40px;
}
input:focus,select:focus,textarea:focus{border-color:var(--ink)}
textarea{resize:vertical;min-height:120px}
.hint{font-size:12.5px;color:var(--sub);margin-top:4px}
.chk{display:flex;gap:8px;align-items:flex-start;cursor:pointer}
.chk input{margin-top:4px;accent-color:var(--ink);width:16px;height:16px;flex:none}

.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r)}
.badge{display:inline-block;font-size:12px;font-weight:600;padding:1px 8px;border-radius:20px;background:var(--pink-soft);color:var(--pink-deep);white-space:nowrap}
.badge.gray{background:#ece7d6;color:var(--sub)}
.badge.dark{background:var(--ink);color:#fff}
.badge.red{background:#f6e0de;color:var(--red)}
.badge.green{background:#e3ede4;color:var(--green)}
.err{color:var(--red);font-size:13.5px}