.playbook-surface{--playbook-white:#fff;--playbook-black:#0a0a0c;--playbook-purple:#6a54f0;--playbook-purple-bright:#8f7bff;--playbook-purple-deep:#2b2364;--playbook-ink:#0a0a0c;--playbook-ink-muted:#0a0a0c9e;--playbook-paper-muted:#f5f5f79e;--playbook-bg:var(--playbook-white);--playbook-text:var(--playbook-ink);--playbook-text-muted:var(--playbook-ink-muted);--playbook-grid:#0a0a0c12;--playbook-rule:#0a0a0c24;--playbook-accent:var(--playbook-purple)}.playbook-surface[data-surface=light]{--playbook-bg:var(--playbook-white);--playbook-text:var(--playbook-ink);--playbook-text-muted:var(--playbook-ink-muted);--playbook-grid:#0a0a0c12;--playbook-rule:#0a0a0c24;--playbook-accent:var(--playbook-purple)}.playbook-surface[data-surface=dark],.dark .playbook-surface:not([data-surface]){--playbook-bg:var(--playbook-black);--playbook-text:#f5f4f7;--playbook-text-muted:#f5f4f799;--playbook-grid:#ffffff17;--playbook-rule:#ffffff29;--playbook-accent:var(--playbook-purple-bright)}