/* 아이패드 화면(index.html)과 홍보 모니터(monitor.html)가 같이 쓰는 색·글꼴 — 시안 C */
:root {
  --bg-canvas: #FDF8EC;
  --bg-surface: #FFFFFF;
  --bg-aside: #FFF2D6;
  --bg-neutral: #E6DFD5;
  --text-main: #38251C;
  --text-sub: #664D3E;
  --text-muted: #947A68;
  --color-primary: #E84A35;
  --color-secondary: #4C9A38;
  --color-accent: #F9C22E;
  --border-color: #C89D7C;
  --border-width: 3px;
  --radius-lg: 28px;
  --radius-md: 22px;
  --radius-sm: 16px;
  --shadow-card: 0 6px 0 #E5D2B5;
  --shadow-btn: 0 5px 0 #38251C;
  /* 손글씨는 제목·장식에만, 본문·버튼·안내문은 고딕 */
  --font-title: 'Gaegu', 'Noto Sans KR', sans-serif;
  --font-gothic: 'Noto Sans KR', -apple-system, BlinkMacSystemFont, sans-serif;
  --min-touch: 56px;
  --font-size-title: 40px;
  --font-size-body: 20px;
}
* { box-sizing: border-box; margin: 0; padding: 0; }
body {
  font-family: var(--font-gothic); color: var(--text-main); word-break: keep-all;
  background: repeating-linear-gradient(0deg, transparent 0 23px, rgba(200,157,124,.1) 23px 24px),
    repeating-linear-gradient(90deg, transparent 0 23px, rgba(200,157,124,.1) 23px 24px), var(--bg-canvas);
}
button { font: inherit; }
.garland { position: fixed; top: 0; left: 0; width: 100%; height: 38px; pointer-events: none; z-index: 5; }
.card { background: var(--bg-surface); border: var(--border-width) dashed var(--border-color); border-radius: var(--radius-md); box-shadow: var(--shadow-card); }
/* Gaegu 는 획이 가늘어 멀리서 약하다 → 같은 색 외곽선으로 굵힌다 */
.title-heading, .hero { font-family: var(--font-title); font-weight: 700; line-height: 1.15; -webkit-text-stroke: .025em currentColor; }
.title-heading { font-size: var(--font-size-title); }
.hero { letter-spacing: -2px; -webkit-text-stroke: .04em currentColor; }
.decor { font-family: var(--font-title); font-size: 24px; font-weight: 700; }
.body-copy { font-size: var(--font-size-body); font-weight: 500; color: var(--text-sub); line-height: 1.45; }