/* ============================================================
   Velzora brand color override
   Loaded AFTER leads.css to take precedence.
   Indigo-purple — calm enough for product UI, brand-aligned.
   ============================================================ */

:root {
  --p:        #6366F1;   /* Indigo 500 — calm purple */
  --pd:       #4F46E5;   /* Indigo 600 — hover/pressed */
  --pl:       #818CF8;   /* Indigo 400 — accents/highlights */
  --p-tint:   #EEF2FF;   /* Indigo 50 — subtle background */
  --p-border: #C7D2FE;   /* Indigo 200 — borders */
}

[data-theme="dark"] {
  --p:        #818CF8;   /* Lighter purple in dark mode for contrast */
  --pd:       #6366F1;
  --pl:       #A5B4FC;
  --p-tint:   #1E1B4B;   /* Indigo 950 — deep tinted background */
  --p-border: #3730A3;   /* Indigo 800 — subtle border */
}