:root {
  --pf-font-family: "Manrope", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --pf-font-size: 15px;
  --pf-line-height: 1.5;

  --pf-color-primary: #7c3aed;
  --pf-color-primary-700: #6d28d9;
  --pf-color-primary-100: #efe8ff;
  --pf-color-bg: #f5f2ff;
  --pf-color-bg-soft: #fbf9ff;
  --pf-color-panel: #ffffff;
  --pf-color-panel-strong: #ffffff;
  --pf-color-line: rgba(124, 58, 237, 0.16);
  --pf-color-line-soft: rgba(124, 58, 237, 0.08);
  --pf-color-text: #231942;
  --pf-color-muted: #72688f;
  --pf-color-ok: #16a34a;
  --pf-color-warn: #d97706;
  --pf-color-bad: #dc2626;

  --pf-radius-sm: 10px;
  --pf-radius-md: 14px;
  --pf-radius-lg: 16px;
  --pf-radius-xl: 22px;

  --pf-shadow-soft: none;
  --pf-shadow-card: none;
}

html,
body {
  font-family: var(--pf-font-family);
  font-size: var(--pf-font-size);
  line-height: var(--pf-line-height);
  color: var(--pf-color-text);
}

input,
select,
textarea,
button {
  font-family: inherit;
}