/* Shared design contract for the app and editable design handoff. */
:root{
  --pf-canvas: #0c1115;
  --pf-panel: #151b20;
  --pf-panelRaised: #252a30;
  --pf-border: #333e46;
  --pf-text: #f2f1f0;
  --pf-muted: #9daab4;
  --pf-primary: #ed143e;
  --pf-success: #75dda1;
  --pf-warning: #eac55f;
  --pf-scheduled: #76bfff;
  --pf-radius-control: 7px;
  --pf-radius-panel: 10px;
  --pf-radius-thumbnail: 5px;
  --pf-layout-frameWidth: 1440px;
  --pf-layout-frameHeight: 900px;
  --pf-layout-sidebar: 200px;
  --pf-layout-inspector: 320px;
  --pf-layout-gutter: 20px;
  --pf-layout-gap: 13px;
}