/* MuseNest paysite — design tokens
   Linked on every paysite page (before each page's own stylesheet).
   Page-specific styles live in /css/paysite/<page>.css
   ------------------------------------------------------------------ */
:root {
  /* Brand */
  --ps-brand:        #9B4F6B;   /* mauve */
  --ps-brand-dark:   #7f3a56;
  --ps-purple:       #6c47ff;   /* accent */
  --ps-pink:         #be185d;
  --ps-pink-light:   #f9a8d4;

  /* Brand tints */
  --ps-tint-pink:    #fdf2f8;
  --ps-tint-purple:  #f0ecff;
  --ps-tint-purple2: #f8f7ff;
  --ps-tint-violet:  #e8e8f0;

  /* Neutral gray scale (Tailwind values) */
  --gray-50:  #f9fafb;
  --gray-100: #f3f4f6;
  --gray-200: #e5e7eb;
  --gray-300: #d1d5db;
  --gray-400: #9ca3af;
  --gray-500: #6b7280;
  --gray-600: #4b5563;
  --gray-700: #374151;
  --gray-800: #1f2937;
  --gray-900: #111827;

  /* Warning (notice banners) */
  --warn-text: #92400e;
  --warn-bg:   #fef3c7;
}