/* =========================
   ROOT
========================= */

:root {
  --ps-font-sans: 'Inter', 'Segoe UI', system-ui, -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Arial, sans-serif;
  --ps-bg: #02040a;
  --ps-bg-soft: #0a0f1c;
  --ps-bg-elev-1: #040813;
  --ps-bg-elev-2: #070b13;
  --ps-panel: rgba(9, 13, 23, 0.96);
  --ps-panel-strong: rgba(7, 10, 20, 0.82);
  --ps-panel-soft: rgba(255, 255, 255, 0.03);
  --ps-surface-1: rgba(255, 255, 255, 0.04);
  --ps-surface-2: rgba(255, 255, 255, 0.028);
  --ps-surface-3: rgba(255, 255, 255, 0.018);
  --ps-border: rgba(255, 255, 255, 0.08);
  --ps-border-soft: rgba(255, 255, 255, 0.06);
  --ps-border-strong: rgba(255, 255, 255, 0.12);
  --ps-border-focus: rgba(159, 196, 255, 0.34);
  --ps-text: #f3f5fb;
  --ps-text-soft: #cbd5e1;
  --ps-text-muted: #94a3b8;
  --ps-accent: #8fb7ff;
  --ps-electric: #38bdf8;
  --ps-electric-soft: rgba(56, 189, 248, 0.2);
  --ps-electric-strong: rgba(56, 189, 248, 0.34);
  --ps-accent-ice: #8fb7ff;
  --ps-accent-soft: rgba(159, 196, 255, 0.28);
  --ps-success: #34d399;
  --ps-glow-1: 0 0 22px rgba(76, 168, 236, 0.14);
  --ps-glow-2: 0 0 30px rgba(76, 168, 236, 0.2);
  --ps-glow-3: 0 0 42px rgba(56, 189, 248, 0.18);
  --ps-shadow-sm: 0 12px 30px rgba(0, 0, 0, 0.18);
  --ps-shadow-md: 0 18px 38px rgba(0, 0, 0, 0.2);
  --ps-shadow-lg: 0 28px 60px rgba(0, 0, 0, 0.42);
  --ps-shadow: var(--ps-shadow-lg);
  --ps-radius-1: 12px;
  --ps-radius-2: 14px;
  --ps-radius-3: 16px;
  --ps-radius-4: 18px;
  --ps-radius-5: 22px;
  --ps-radius-6: 24px;
  --ps-radius-pill: 999px;
  --ps-radius-panel: var(--ps-radius-4);
  --ps-radius-card: var(--ps-radius-3);
  --ps-space-1: 4px;
  --ps-space-2: 8px;
  --ps-space-3: 12px;
  --ps-space-4: 16px;
  --ps-space-5: 20px;
  --ps-space-6: 24px;
  --ps-space-7: 32px;
  --ps-space-8: 40px;
  --ps-space-9: 48px;
  --ps-type-h1: clamp(38px, 4.8vw, 60px);
  --ps-type-h2: clamp(28px, 3vw, 34px);
  --ps-type-h3: clamp(24px, 2.4vw, 30px);
  --ps-type-body-lg: 17px;
  --ps-type-body: 15px;
  --ps-type-body-sm: 14px;
  --ps-type-meta: 12px;
  --ps-type-eyebrow: 11px;
  --ps-type-button: 13px;
  --ps-type-input: 16px;
  --ps-line-tight: 1.05;
  --ps-line-heading: 1.12;
  --ps-line-body: 1.65;
  --ps-track-heading: -0.04em;
  --ps-track-body: -0.02em;
  --ps-track-eyebrow: 0.14em;
  --ps-tracking-button: 0.08em;
  --ps-button-height-lg: 56px;
  --ps-button-height-md: 50px;
  --ps-button-height-sm: 42px;
  --ps-input-height-lg: 68px;
  --ps-input-height-md: 58px;
  --ps-input-height-sm: 52px;
  --ps-card-pad-lg: 24px;
  --ps-card-pad-md: 20px;
  --ps-card-pad-sm: 16px;
}