/* Gemeinsame vorläufige CI-Werte für PFlow-Editor und Vorschau. */
:root {
  --pf-font-size-body: 1rem;
  --pf-line-height-body: 1.5;
  --pf-space-1: 0.25rem;
  --pf-space-2: 0.5rem;
  --pf-space-3: 1rem;
  --pf-space-4: 1.5rem;
  --pf-space-5: 2rem;
  --pf-control-border: 2px;
  --pf-control-min-size: 2.75rem;
  --pf-focus-ring: 3px solid var(--pf-action);
}

/* Default appearance before the browser settings module starts. */
:root {
  --pf-font-body: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --pf-danger: #a02f40;
  --pf-danger-soft: #fff0f0;
  --pf-success: #38725b;
  --pf-overlay: #17202a66;
  --pf-shadow-color: #17202a20;
  --pf-on-dark: #ffffff;
  --pf-paper: #fffef8;
  --pf-surface: #fffef8;
  --pf-soft: #faf6e9;
  --pf-stage: #f3edda;
  --pf-ink: #24262b;
  --pf-muted: #66645c;
  --pf-line: #d3cfc1;
  --pf-action: #234faa;
  --pf-tint: #e7efff;
  --pf-primary: #ffe052;
  --pf-primary-ink: #202329;
  --pf-primary-border: #202329;
  --pf-signal: #ffe052;
  --pf-rail: #24262b;
  --pf-rail-ink: #f8f5e9;
  --pf-rail-active: #ffe052;
  --pf-rail-selected: #202329;
  --pf-font-display: Impact, "Arial Narrow", sans-serif;
  --pf-heading-case: uppercase;
  --pf-heading-weight: 500;
  --pf-control-radius: 5px;
  --pf-card-radius: 6px;
  --pf-frame-width: 2px;
  --pf-frame-color: #202329;
  --pf-card-border: #202329;
  --pf-button-shadow: 3px 3px 0 #202329;
  --pf-card-shadow: 2px 2px 0 #202329;
  --pf-canvas-pattern: radial-gradient(#20232918 .7px, transparent .8px);
  --pf-page-shadow: 5px 6px 0 #202329;
  --pf-brand-mark-border: 2px solid #202329;
}