/* PlayPower design tokens — shared by every prototype. See docs/branding.md */
:root {
  --pp-red: #e51b24;
  --pp-red-dark: #c4151d;
  --pp-blue: #00a3da;
  --pp-blue-dark: #0086b5;
  --pp-green: #719430;
  --pp-green-dark: #507210;
  --pp-yellow: #f7b500;
  --pp-ink: #231f20;
  --pp-text: #444444;
  --pp-muted: #8a8a8a;
  --pp-line: #e6e6e6;
  --pp-surface: #f7f7f7;
  --pp-bg: #ffffff;

  --pp-font-head: "Varela Round", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --pp-font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, "Helvetica Neue", Helvetica, sans-serif;

  --pp-radius: 6px;
  --pp-radius-lg: 12px;
  --pp-shadow: 0 1px 3px rgba(0,0,0,.08), 0 4px 16px rgba(0,0,0,.08);
  --pp-shadow-lg: 0 -2px 12px rgba(0,0,0,.12), 0 8px 32px rgba(0,0,0,.16);
}