/* App design tokens, mirrored from the Paddock Pixel app's
 * frontend/src/theme.ts by tools/sync-from-app.py. DO NOT hand-edit.
 * Exposed as --pp-* so styles.css can opt into app-exact values
 * (var(--pp-accent) etc.) without clobbering the site's own palette.
 * See DESIGN-PARITY.md for which of the site's --vars intentionally
 * differ from these. */
:root {
  --pp-bg: #0c0e12;
  --pp-surface: #0f1218;
  --pp-bar: #13161c;
  --pp-panel: #0f1218;
  --pp-card: #14171d;
  --pp-video: #050608;
  --pp-btn: rgba(255,255,255,.06);
  --pp-btn-hov: rgba(255,255,255,.11);
  --pp-border: rgba(255,255,255,.07);
  --pp-border2: rgba(255,255,255,.11);
  --pp-accent: #46d0e2;
  --pp-accent-hov: #5fdcec;
  --pp-accent-ink: #04161a;
  --pp-accent-soft: rgba(75,210,228,.16);
  --pp-text: #e9edf2;
  --pp-subtext: #99a2b1;
  --pp-ink-faint: #5b6472;
  --pp-error: #e5604f;
  --pp-danger: #e5604f;
  --pp-good: #5fd08a;
  --pp-warn: #f2c14e;
  --pp-chip-bg: rgba(255,255,255,.06);
  --pp-menu-bg: rgba(20,24,31,.97);
  --pp-l1: #e23ba8;
  --pp-l2: #f2c14e;
  --pp-l3: #6ad0e0;
  --pp-l4: #a98bff;
  --pp-l5: #67c98a;
  --pp-brand: #ff1493;
  --pp-font-ui: 'Hanken Grotesk', system-ui, -apple-system, sans-serif;
  --pp-font-mono: 'JetBrains Mono', ui-monospace, 'SFMono-Regular', monospace;
  --pp-ease-kinetic: cubic-bezier(0.23, 1, 0.32, 1);
}