:root {
  --planning-canvas: #f6f8fb;
  --planning-surface: #ffffff;
  --planning-text: #172033;
  --planning-muted: #697386;
  --planning-border: #e4e9f0;
  --planning-primary: #1769e0;
  --planning-primary-soft: #eaf2ff;
  --planning-success: #168a5b;
  --planning-warning: #b66200;
  --planning-danger: #c63737;
  --planning-radius: 12px;
  --planning-shadow: 0 1px 3px rgb(16 24 40 / 8%);
}