/* PC-051: tokens intentionally scoped to the independent prototype root. */
.pc-demo {
  color-scheme: dark;
  --pc-bg: #100c18;
  --pc-surface: #241b31;
  --pc-surface-raised: #2d223c;
  --pc-paper: #1c1528;
  --pc-stroke: rgba(238, 218, 255, .12);
  --pc-text: #f9f4fc;
  --pc-secondary: #c6bbd4;
  --pc-subtle: #a898b8;
  --pc-accent: #f2a5cb;
  --pc-accent-strong: #ffd0e8;
  --pc-outgoing: #70405f;
  --pc-glass: rgba(69, 49, 91, .64);
  --pc-ring: #f9b6db;
  --pc-radius-lg: 25px;
  --pc-radius-md: 18px;
  --pc-radius-sm: 12px;
  --pc-shadow: 0 20px 45px rgba(0, 0, 0, .34);
  --pc-safe-top: env(safe-area-inset-top, 0px);
  --pc-safe-bottom: env(safe-area-inset-bottom, 0px);
  --pc-motion: 160ms;
  --pc-font-ui: -apple-system, BlinkMacSystemFont, "Avenir Next", "Hiragino Kaku Gothic ProN", "Yu Gothic", sans-serif;
  --pc-title-tracking: -0.045em;
  --pc-body-leading: 1.5;
  --pc-surface-translucent: rgba(42, 31, 55, .82);
  --pc-glass-subtle: rgba(68, 48, 88, .42);
  --pc-quiet-shadow: 0 3px 14px rgba(10, 6, 21, .13);
}
@media (prefers-reduced-motion: reduce) {
  .pc-demo { --pc-motion: 0ms; }
}