/* Midnight Synapse v0.1.0. Extracted from TeamPsynapse on 2026-10-27.
   ps-* names isolate this shared vocabulary from individual application CSS. */
:root {
  color-scheme: dark;
  --ps-color-void: #030110;
  --ps-color-page: #05030f;
  --ps-color-surface: #0e0b1e;
  --ps-color-raised: #161230;
  --ps-color-band: #0a0716;
  --ps-color-border: #221b3d;
  --ps-color-border-strong: #322857;
  --ps-color-violet: #8b44fc;
  --ps-color-violet-light: #a67bff;
  --ps-color-violet-hover: #c7abff;
  --ps-color-text: #eceaf5;
  --ps-color-muted: #a29fb8;
  --ps-color-send: #5fd4dc;
  --ps-color-volley: #f2a65a;
  --ps-color-success: #6fd08c;
  --ps-color-error: #ff7a8a;
  /* Application extensions; not extracted brand colours. */
  --ps-color-warning: #f2c14e;
  --ps-color-info: #a67bff;
  --ps-color-control-border: #73658e;
  --ps-color-on-action: #ffffff;
  --ps-color-action-hover: #8036ec;
  --ps-color-action-active: #7130d2;
  --ps-color-disabled-surface: #221b3d;
  --ps-color-disabled-text: #a29fb8;
  --ps-color-product-accent: var(--ps-color-violet-light);
  --ps-font-heading: 'Space Grotesk Variable', 'Space Grotesk', sans-serif;
  --ps-font-body: 'Instrument Sans Variable', 'Instrument Sans', sans-serif;
  --ps-font-mono: 'JetBrains Mono Variable', 'JetBrains Mono', monospace;
  --ps-text-label: 0.75rem;
  --ps-text-small: 0.875rem;
  --ps-text-control: 1rem;
  --ps-text-body: 1.0625rem;
  --ps-text-lead: 1.25rem;
  --ps-text-h3: 1.375rem;
  --ps-text-h2: clamp(1.875rem, 4vw, 2.75rem);
  --ps-text-h1: clamp(2.5rem, 7vw, 5.25rem);
  --ps-text-app-title: clamp(1.75rem, 3vw, 2.5rem);
  --ps-space-1: 0.25rem;
  --ps-space-2: 0.5rem;
  --ps-space-3: 0.75rem;
  --ps-space-4: 1rem;
  --ps-space-5: 1.5rem;
  --ps-space-6: 2rem;
  --ps-space-7: 3rem;
  --ps-space-8: 4rem;
  --ps-space-9: 6rem;
  --ps-radius-control: 0.5rem;
  --ps-radius-card: 0.875rem;
  --ps-radius-panel: 1rem;
  --ps-radius-badge: 999px;
  --ps-content-width: 75rem;
  --ps-reading-width: 40rem;
  --ps-gutter: clamp(1.25rem, 4vw, 2.5rem);
  --ps-section-space: clamp(3.5rem, 8vw, 6rem);
  --ps-control-height: 3rem;
  --ps-duration: 160ms;
  --ps-easing: ease-out;
  --ps-focus-ring: 2px solid var(--ps-color-violet-hover);
  --ps-focus-offset: 3px;
  --ps-glow: 0 0 40px rgb(139 68 252 / 14%);
  --ps-hero-glow: radial-gradient(ellipse 70% 80% at 15% 0%, #1e1046 0%, var(--ps-color-page) 65%);
  --ps-brand-gradient: linear-gradient(135deg, #c7abff, #8b44fc 60%);
}