/* Default brand tokens – override via Branding config / _BrandingStyles partial.
   Neutrals stay shared so ViiPay purple and IQVend yellow switch cleanly. */
:root {
  --brand-primary: #682482;
  --brand-primary-deep: #49195B;
  --brand-primary-light: #8b4da3;
  --brand-on-primary: #ffffff;

  --brand-primary-hover: color-mix(in srgb, var(--brand-primary) 82%, #000);
  --brand-primary-strong: color-mix(in srgb, var(--brand-primary) 55%, #000);
  --brand-primary-soft: color-mix(in srgb, var(--brand-primary) 14%, transparent);
  --brand-primary-soft-strong: color-mix(in srgb, var(--brand-primary) 22%, transparent);
  --brand-focus-ring: color-mix(in srgb, var(--brand-primary) 22%, transparent);
  --brand-accent-fade: linear-gradient(
    180deg,
    var(--brand-primary) 0%,
    color-mix(in srgb, var(--brand-primary) 72%, #000) 100%
  );

  --brand-ink: #1a1a1a;
  --brand-muted: #6b6b6b;
  --brand-border: #e6e6e6;
  --brand-field-bg: #f6f6f6;
  --brand-hover-bg: rgba(0, 0, 0, 0.06);
  --brand-shadow: rgba(0, 0, 0, 0.16);
}