:root {
  /* Colors — aliased from --wp--custom--* so SCSS can use var(--vista-purple) everywhere */
  --vista-purple:       var(--wp--custom--vista--color--purple,       #6357EA);
  --vista-navy:         var(--wp--custom--vista--color--navy,         #1A1A35);
  --vista-light-gray:   var(--wp--custom--vista--color--light-gray,   #F5F5F7);
  --vista-medium-gray:  var(--wp--custom--vista--color--medium-gray,  #7E8284);
  --vista-light-purple: var(--wp--custom--vista--color--light-purple, #F6F5FF);

  /* Spacing scale */
  --vista-spacing-xs: var(--wp--custom--vista--spacing--xs, 1.6rem);
  --vista-spacing-sm: var(--wp--custom--vista--spacing--sm, 2.4rem);
  --vista-spacing-md: var(--wp--custom--vista--spacing--md, 4rem);
  --vista-spacing-lg: var(--wp--custom--vista--spacing--lg, 6rem);
  --vista-spacing-xl: var(--wp--custom--vista--spacing--xl, 9rem);

  /* Border radius */
  --vista-radius-card:   var(--wp--custom--vista--border-radius--card,   2.5rem);
  --vista-radius-button: var(--wp--custom--vista--border-radius--button, 4.4rem);
}