/* ============================================
   reset.css
   CSS 변수, 리셋, 요소 기본 스타일 (common.css에서 분리)
   ============================================ */

/* --- CSS Variables (Design Tokens) --- */
:root{
  --bg: #fbf8f3;
  --bg2:#f3eee6;
  --card: rgba(255,255,255,.65);
  --card2: rgba(255,255,255,.78);
  --fg: #171614;
  --muted: rgba(23,22,20,.68);
  --line: rgba(23,22,20,.12);

  --accent: #c7a36a;   /* soft gold */
  --accent2:#b08a52;

  --max: 1160px;
  --radius: 22px;

  --font-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
  --font-serif: Georgia, 'Times New Roman', Times, serif;
}

/* --- Universal Reset --- */
*{box-sizing:border-box}
html,body{margin:0;padding:0}

/* --- Base Body --- */
body{
  font-family: var(--font-sans);
  background:var(--bg);
  color:var(--fg);
  line-height:1.6;
  letter-spacing:-.2px;
}

/* --- Element Defaults --- */
a{color:inherit;text-decoration:none}
a:hover{color:var(--accent2);}
img{max-width:100%;display:block}

/* --- Base Typography --- */
h1,h2,h3{line-height:1.25}
h1{font-size:38px;margin:10px 0 0}
h2{font-size:24px;margin:0 0 10px}
.h1,.h2,.h3,h1,h2,h3{
  font-family:var(--font-serif);
  letter-spacing:-.6px;
}

/* --- Form Element Reset --- */
input,select,textarea,button{
  font-family:inherit;
  font-size:inherit;
  line-height:inherit;
}
input,select,textarea{
  border-radius:18px;
  border:1px solid var(--line);
  background:rgba(255,255,255,.65);
  color:rgba(23,22,20,.92);
  padding:8px 14px;
  outline:none;
}
input:focus,select:focus,textarea:focus{
  border-color:rgba(199,163,106,.55);
  box-shadow:0 0 0 4px rgba(199,163,106,.18);
}
input::placeholder,textarea::placeholder{
  color:rgba(23,22,20,.42);
}
button{
  cursor:pointer;
  border:none;
  background:none;
  padding:0;
  color:inherit;
}