/* SSAMPIECE product UI proposal v1 — app scope only; not print CSS. */
.sn-app {
  --sn-bg: #f6f5f1;
  --sn-surface: #ffffff;
  --sn-surface-muted: #efeee8;
  --sn-ink: #202b28;
  --sn-text-secondary: #5c6862;
  --sn-line: #dddfd8;
  --sn-control-line: #7d8982;
  --sn-primary: #0f766e;
  --sn-primary-hover: #115e59;
  --sn-primary-soft: #e6f4f1;
  --sn-warm-soft: #f6ebdd;
  --sn-warning: #92400e;
  --sn-warning-soft: #fff4db;
  --sn-danger: #b42318;
  --sn-danger-soft: #fef0ee;
  --sn-info: #245a8d;
  --sn-info-soft: #edf4fb;
  --sn-focus: #245a8d;
  --sn-font: "Pretendard", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;
  --sn-space-1: 4px;
  --sn-space-2: 8px;
  --sn-space-3: 12px;
  --sn-space-4: 16px;
  --sn-space-6: 24px;
  --sn-space-8: 32px;
  --sn-space-12: 48px;
  --sn-space-16: 64px;
  --sn-radius-control: 8px;
  --sn-radius-card: 12px;
  --sn-radius-panel: 16px;
  --sn-shadow-paper: 0 8px 28px rgb(32 43 40 / 8%), 0 1px 3px rgb(32 43 40 / 6%);
  --sn-shadow-overlay: 0 16px 48px rgb(32 43 40 / 14%);
  --sn-duration-fast: 120ms;
  --sn-duration-normal: 180ms;
  --sn-nav-width: 216px;
  --sn-inspector-width: 304px;
  --sn-z-header: 10;
  --sn-z-menu: 20;
  --sn-z-dialog: 40;
  --sn-z-toast: 50;
  color: var(--sn-ink);
  font-family: var(--sn-font);
  font-size: 15px;
  line-height: 1.6;
}
@media (prefers-reduced-motion: reduce) {
  .sn-app { --sn-duration-fast: 0ms; --sn-duration-normal: 0ms; }
}