@font-face {
  font-family: "Geist";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../fonts/geist-latin.woff2") format("woff2");
}

@font-face {
  font-family: "Geist Mono";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../fonts/geist-mono-latin.woff2") format("woff2");
}

:root {
  --pp-color-background: #fcfbfd;
  --pp-color-foreground: #161419;
  --pp-color-surface: #ffffff;
  --pp-color-surface-soft: #fbfafc;
  --pp-color-surface-muted: #f7f3fb;
  --pp-color-primary: #5c2b8e;
  --pp-color-primary-deep: #451f6b;
  --pp-color-primary-action: #693ca3;
  --pp-color-primary-soft: #f3eef9;
  --pp-color-info-soft: #eef4fa;
  --pp-color-border: #e7dfef;
  --pp-color-border-strong: #d8cee7;
  --pp-color-text-muted: #6d6479;
  --pp-color-text-soft: #51485f;
  --pp-color-success: #21634a;
  --pp-color-success-soft: #eaf6f0;
  --pp-color-warning: #7a5520;
  --pp-color-warning-soft: #fcf4e8;
  --pp-color-danger: #9d221c;
  --pp-color-danger-soft: #fbecea;
  --pp-color-dark: #070815;
  --pp-color-dark-surface: #0d1020;
  --pp-color-dark-border: #28304a;

  --pp-font-sans:
    "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --pp-font-mono:
    "Geist Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
    monospace;

  --pp-radius-sm: 10px;
  --pp-radius-md: 16px;
  --pp-radius-lg: 24px;
  --pp-radius-pill: 999px;

  --pp-space-1: 0.25rem;
  --pp-space-2: 0.5rem;
  --pp-space-3: 0.75rem;
  --pp-space-4: 1rem;
  --pp-space-5: 1.5rem;
  --pp-space-6: 2rem;
  --pp-space-7: 3rem;

  --pp-shadow-panel: 0 8px 8px -8px rgb(31 18 49 / 20%);
  --pp-focus-ring: 0 0 0 3px rgb(92 43 142 / 26%);
  --pp-transition: 180ms cubic-bezier(0.22, 1, 0.36, 1);

  --pp-z-sticky: 30;
  --pp-z-dropdown: 40;
  --pp-z-modal-backdrop: 50;
  --pp-z-modal: 60;
  --pp-z-toast: 70;
}