/* Shared primitives. Apps opt into the Cloud palette without changing standalone themes. */
:root {
  --p2-font-ui: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --p2-focus-width: 3px;
  --p2-control-radius: 6px;
  --p2-space-control: 10px;
}

[data-p2-theme="cloud"] {
  --p2-cloud-canvas: #f5f6f2;
  --p2-cloud-canvas-strong: #e9eee7;
  --p2-cloud-surface: #fff;
  --p2-cloud-surface-muted: #f8faf7;
  --p2-cloud-ink: #173e34;
  --p2-cloud-text: #172f2a;
  --p2-cloud-text-secondary: #415b50;
  --p2-cloud-primary: #286c50;
  --p2-cloud-primary-hover: #1d533d;
  --p2-cloud-primary-soft: #e5f1e6;
  --p2-cloud-muted: #63716b;
  --p2-cloud-border: #dce2db;
  --p2-cloud-border-strong: #8ba294;
  --p2-cloud-control: #799483;
  --p2-cloud-code: #f1f5f1;
  --p2-cloud-focus: #9b671c;
  --p2-cloud-focus-soft: #f9edd7;
  --p2-cloud-success: #286443;
  --p2-cloud-success-soft: #ebf4ec;
  --p2-cloud-danger: #993c32;
  --p2-cloud-danger-soft: #fcf0e9;
}