/* Base styles (Tailwind CDN in use) */
:root { --brand: #2563eb; }
html, body { font-family: 'Inter', system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; }

/* Minimal custom classes (no @apply) */
.card { background: #fff; border: 1px solid rgb(226, 232, 240); border-radius: 0.86rem; box-shadow: 0 7px 21px rgba(2,6,23,0.06); }
.badge { display: inline-flex; align-items: center; padding: 0 7px; height: 25px; border-radius: 7px; font-size: 13.8px; border: 1px solid rgb(226,232,240); background: rgb(248,250,252); color: rgb(71,85,105); }
.btn { position: relative; display: inline-flex; align-items: center; gap: 0.6rem; padding: 0.9rem 1.15rem; border-radius: 0.86rem; border: 1px solid rgb(226,232,240); font-size: 1.078rem; overflow: hidden; }
.btn:hover { background: transparent; }
.btn-primary { color: #fff; border: 1px solid #2563eb; background: #2563eb; box-shadow: 0 8px 18px rgba(37,99,235,0.25); transition: transform .08s ease, box-shadow .2s ease; }
.btn-primary:hover { box-shadow: 0 10px 24px rgba(37,99,235,0.35); }
.btn-primary:active { transform: translateY(1px) scale(0.995); }


/* (옵션) 음각 효과 클래스는 제거하거나 비활성 상태로 유지 */
/* .engraved, .engraved-soft { } */

/* Disable tap highlight and default focus flash */
.btn, .btn-primary, button {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-tap-highlight-color: transparent;
}
.btn:focus, .btn-primary:focus { outline: none; }
.btn:focus-visible, .btn-primary:focus-visible { outline: 2px solid rgba(37,99,235,0.4); outline-offset: 2px; }