:root {
  /* ---------------- Pink Palette ---------------- */
  --pink-50: #fdf2f8;   /* Light background gradients */
  --pink-100: #fce7f3;  /* Card borders, muted backgrounds */
  --pink-200: #fbcfe8;  /* Badge text backgrounds */
  --pink-300: #f9a8d4;
  --pink-400: #f472b6;  /* Hero gradient start */
  --pink-500: #ec4899;  /* Primary brand color, buttons, icons */
  --pink-600: #db2777;  /* Button hover states */
  --pink-700: #be185d;  /* Active navigation states */

  /* ---------------- Rose Palette ---------------- */
  --rose-100: #ffe4e6;  /* Background gradients */
  --rose-500: #f43f5e;  /* Hero gradient, CTA sections */

  /* ---------------- Status Colors ---------------- */
  /* Success / Confirmed (Green) */
  --green-100: #dcfce7; /* Confirmed badge backgrounds */
  --green-500: #10b981; /* Revenue text, confirmed status */
  --green-600: #059669; /* Success states */
  --green-800: #166534; /* Confirmed badge text */

  /* Warning / Pending (Yellow) */
  --yellow-100: #fef3c7; /* Pending badge backgrounds */
  --yellow-500: #f59e0b; /* Pending status indicators */
  --yellow-600:#ca8a04;
  --yellow-700:#A16207;
  --yellow-800: #92400e; /* Pending badge text */

  /* Error / Cancelled (Red) */
  --red-50: #fee2e2; /*Error background */
  --red-100: #fee2e2; /* Cancelled badge backgrounds */
  --red-200: #fca5a5; /* Error border */
  --red-500: #ef4444; /* Error states */
  --red-600: #dc2626;
  --red-800: #991b1b; /* Cancelled badge text */

  /* ---------------- Neutral Colors ---------------- */
  /* Gray Palette */
  --gray-50: #f9fafb;   /* Section backgrounds */
  --gray-100: #f3f4f6;  /* Footer backgrounds */
  --gray-300: #d1d5db;  /* Input borders */
  --gray-500: #6b7280;  /* Strikethrough text, muted text */
  --gray-600: #4b5563;  /* Secondary text, descriptions */
  --gray-700: #374151;  /* Form labels */
  --gray-800: #1f2937;  /* Primary headings, main text */

  /* Blue Palette */
  --blue-500: #3b82f6;  /* Focus states, links */
  --blue-600: #2563eb;  /* Button primary states */
  --blue-700: #1d4ed8;  /* Button hover states */
  --blue-50:#eff6ff;   

  /* Star color */
  --yellow-400:#facc15;

  /* Font Size */
  font-size: 10px;
}