:root {
  --brand:        #4f46e5; /* Indigo 600 — logo, labels, dividers, links, checkmarks */
  --brand-hover:  #4338ca; /* Indigo 700 — hover on brand elements */
  --brand-bg:     #eef2ff; /* Indigo 50  — badge/alert backgrounds */
  --brand-border: #e0e7ff; /* Indigo 100 — badge/alert borders */
  --brand-dark:   #4338ca; /* Indigo 700 — alert text */
  --action:       #7c3aed; /* Violet 600 — buy buttons, primary CTAs */
  --action-hover: #6d28d9; /* Violet 700 — hover on action buttons */
}