/**
 * Token bridge — maps Partner Hub variables onto the SmartMatch MA Data Hub
 * design tokens (--sm-*, defined by the `sm-ma-tokens` stylesheet).
 *
 * Loaded as a dependency of sc-hub-portal-typography, so every Hub front-end
 * stylesheet inherits these. MA Data Hub is optional: each alias carries the
 * MA hex as its fallback, so Hub renders the same palette when MA is
 * deactivated. Never use Hub's legacy palette (#7040B0 / #3d1b6a / #2D1350 /
 * #F26522) as a primary value here — those are the values being replaced.
 *
 * Reporting surfaces ([sc_broker_table], portfolio/broker reporting) keep
 * their own compact type scale; only palette-level tokens reach them.
 */

:root {
  /* Palette */
  --sc-hub-purple: var(--sm-purple, #45295c);
  --sc-hub-purple-deep: var(--sm-purple-deep, #321c44);
  --sc-hub-purple-mid: var(--sm-purple-mid, #5c3a78);
  --sc-hub-purple-lt: var(--sm-purple-lt, #f0eaf5);
  --sc-hub-linen: var(--sm-linen, #faf8fc);
  --sc-hub-white: var(--sm-white, #ffffff);
  --sc-hub-body: var(--sm-body, #2c2622);
  --sc-hub-muted: var(--sm-muted, #6b5f78);
  --sc-hub-border: var(--sm-border, #ddd4e8);
  --sc-hub-orange: var(--sm-orange, #ed5c2e);
  --sc-hub-orange-hover: var(--sm-orange-hover, #d84a1f);

  /* Type */
  --sc-hub-font-head: var(--sm-font-head, 'Montserrat', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif);
  --sc-hub-font-body: var(--sm-font-body, 'Lato', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif);
  --sc-hub-text-xs: var(--sm-text-xs, 14px);
  --sc-hub-text-sm: var(--sm-text-sm, 16px);
  --sc-hub-text-base: var(--sm-text-base, 18px);
  --sc-hub-text-lg: var(--sm-text-lg, 22px);

  /* Shape and rhythm */
  --sc-hub-radius: var(--sm-radius, 10px);
  --sc-hub-radius-md: var(--sm-radius-md, 14px);
  --sc-hub-radius-lg: var(--sm-radius-lg, 20px);
  --sc-hub-shadow-sm: var(--sm-shadow-sm, 0 2px 8px rgba(69, 41, 92, 0.07));
  --sc-hub-shadow: var(--sm-shadow, 0 4px 20px rgba(69, 41, 92, 0.10));
  --sc-hub-space-3: var(--sm-space-3, 12px);
  --sc-hub-space-4: var(--sm-space-4, 16px);
  --sc-hub-space-5: var(--sm-space-5, 20px);
  --sc-hub-space-6: var(--sm-space-6, 24px);

  /* Legacy Hub aliases kept so older rules resolve to the MA palette */
  --sc-purple: var(--sc-hub-purple);
  --sc-purple-deep: var(--sc-hub-purple-deep);
  --sc-orange: var(--sc-hub-orange);
  --sc-orange-hover: var(--sc-hub-orange-hover);
  --sc-assets-purple: var(--sc-hub-purple);
  --sc-assets-purple-deep: var(--sc-hub-purple-deep);
}