/* =========================================================
   TOKENS.CSS — Shared design primitives
   Imported by both public (style.css) and admin surfaces.
   Surface-specific semantic aliases live in base.css / admin tokens.
   ========================================================= */

:root {
  /* Brand palette */
  --ps-magenta: #ff2d8f;
  --ps-magenta-deep: #e6007a;
  --ps-red: #ff2d2d;
  --ps-red-deep: #b90f1f;
  --ps-blue: #4c8dff;
  --ps-cyan: #2fe6c7;

  /* Neutral surfaces */
  --ps-midnight: #07070e;
  --ps-maroon: #230b10;
  --ps-ink: #f5f7ff;

  /* Spacing scale */
  --ps-space-1: 4px;
  --ps-space-2: 8px;
  --ps-space-3: 12px;
  --ps-space-4: 16px;
  --ps-space-5: 24px;
  --ps-space-6: 32px;
  --ps-space-7: 48px;

  /* Radius scale */
  --ps-radius-xs: 8px;
  --ps-radius-sm: 10px;
  --ps-radius-md: 12px;
  --ps-radius-lg: 14px;
  --ps-radius-xl: 16px;

  /* Typography */
  --ps-font: "Montserrat", sans-serif;

  /* Easing */
  --ps-ease-smooth: cubic-bezier(0.22, 1, 0.36, 1);
  --ps-ease-soft: cubic-bezier(0.33, 1, 0.68, 1);
}