:root {
  --pr-font-sans: "IBM Plex Sans", "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --pr-font-display: "Cormorant Garamond", Georgia, "Times New Roman", serif;

  --pr-bg-root: #080d14;
  --pr-bg-canvas: #0b111a;
  --pr-surface-1: rgba(17, 25, 36, 0.84);
  --pr-surface-2: rgba(22, 32, 45, 0.92);
  --pr-surface-3: #1c2837;
  --pr-surface-hover: rgba(30, 43, 59, 0.96);
  --pr-surface-selected: rgba(201, 151, 82, 0.09);

  --pr-text-primary: #f7f8fb;
  --pr-text-secondary: #c6ced9;
  --pr-text-muted: #8f9aaa;
  --pr-text-disabled: #657181;

  --pr-accent-primary: #d3a15e;
  --pr-accent-hover: #e0b36f;
  --pr-accent-active: #b9833f;
  --pr-accent-soft: rgba(211, 161, 94, 0.13);
  --pr-accent-border: rgba(211, 161, 94, 0.40);
  --pr-on-accent: #171008;
  --pr-focus-ring: #f0c47f;

  --pr-color-info: #7caeff;
  --pr-color-success: #65c49a;
  --pr-color-warning: #d8a448;
  --pr-color-danger: #e1737c;

  --pr-border-subtle: rgba(220, 230, 243, 0.10);
  --pr-border-default: rgba(220, 230, 243, 0.18);
  --pr-border-strong: rgba(220, 230, 243, 0.28);
  --pr-overlay-scrim: rgba(3, 7, 12, 0.76);

  --pr-space-1: 4px;
  --pr-space-2: 8px;
  --pr-space-3: 12px;
  --pr-space-4: 16px;
  --pr-space-5: 20px;
  --pr-space-6: 24px;
  --pr-space-8: 32px;
  --pr-space-10: 40px;
  --pr-space-12: 48px;
  --pr-space-16: 64px;

  --pr-radius-xs: 4px;
  --pr-radius-sm: 6px;
  --pr-radius-md: 8px;
  --pr-radius-lg: 12px;
  --pr-radius-xl: 16px;
  --pr-radius-2xl: 24px;
  --pr-radius-pill: 999px;

  --pr-control-h-sm: 36px;
  --pr-control-h-md: 40px;
  --pr-control-h-lg: 44px;
  --pr-control-h-xl: 48px;

  --pr-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.24);
  --pr-shadow-md: 0 12px 28px rgba(0, 0, 0, 0.28);
  --pr-shadow-lg: 0 28px 70px rgba(0, 0, 0, 0.42);

  --pr-motion-instant: 70ms;
  --pr-motion-fast: 110ms;
  --pr-motion-standard: 160ms;
  --pr-motion-slow: 220ms;
  --pr-ease-standard: cubic-bezier(0.2, 0, 0, 1);
  --pr-ease-press: cubic-bezier(0.3, 0, 0.2, 1);
}

* { box-sizing: border-box; }
html, body { min-width: 320px; min-height: 100%; }
body { margin: 0; font-family: var(--pr-font-sans); color: var(--pr-text-primary); background: var(--pr-bg-root); }
button, input { font: inherit; }
button { color: inherit; }
.pr-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }