/* ============================================================
   PULSEMINA DESIGN TOKENS
   Copied from pulsemina-design-guide.html — the single source of
   truth for colors, type, spacing, radius and shadows across every
   PulseMina product. Do not redefine these values elsewhere.
============================================================ */
:root {
  /* --- COLORS --- */
  --pm-navy-darkest:  #ffffff;
  --pm-navy-dark:     #f7f9f9;
  --pm-navy-mid:      #ffffff;
  --pm-navy-border:   #e3e8e7;
  --pm-navy-hover:    #e6f5f2;

  --pm-blue-primary:  #1B9C85;
  --pm-blue-light:    #167e6c;
  --pm-blue-glow:     rgba(27, 156, 133, 0.12);

  --pm-teal-accent:   #1B9C85;
  --pm-teal-dark:     #167e6c;

  --pm-white:         #0a0f1e;
  --pm-grey-100:      #4a5568;
  --pm-grey-200:      #4a5568;
  --pm-grey-300:      #8492a6;

  --pm-success:       #22c55e;
  --pm-warning:       #f59e0b;
  --pm-error:         #ef4444;

  /* --- TYPOGRAPHY --- */
  --pm-font-heading:  'Poppins', sans-serif;
  --pm-font-body:     'Inter', sans-serif;

  --pm-text-xs:    0.75rem;
  --pm-text-sm:    0.875rem;
  --pm-text-base:  1rem;
  --pm-text-lg:    1.125rem;
  --pm-text-xl:    1.25rem;
  --pm-text-2xl:   1.5rem;
  --pm-text-3xl:   1.875rem;
  --pm-text-4xl:   2.25rem;
  --pm-text-hero:  3rem;

  /* --- SPACING SCALE --- */
  --pm-space-1:   4px;
  --pm-space-2:   8px;
  --pm-space-3:   12px;
  --pm-space-4:   16px;
  --pm-space-5:   20px;
  --pm-space-6:   24px;
  --pm-space-8:   32px;
  --pm-space-10:  40px;
  --pm-space-12:  48px;
  --pm-space-16:  64px;
  --pm-space-20:  80px;

  /* --- BORDER RADIUS --- */
  --pm-radius-sm:   4px;
  --pm-radius-md:   8px;
  --pm-radius-lg:   12px;
  --pm-radius-xl:   16px;
  --pm-radius-pill: 999px;

  /* --- SHADOWS --- */
  --pm-shadow-card:  0 4px 24px rgba(0,0,0,0.4);
  --pm-shadow-glow:  0 0 20px rgba(26,111,216,0.3);

  /* --- TRANSITIONS --- */
  --pm-transition: all 0.2s ease;
}